मैंने एक परियोजना लागू की है जिसमें कुछ संतोषजनक divs हैं। जब इन डिव्स में से किसी एक के टेक्स्ट के बीच में एंटर की को दबाया जाता है, तो मैं डिव को दो अलग-अलग कंटेंटेबल डिव में विभाजित करता हूं, लेकिन जब रिएक्ट घटकों को फिर से प्रस्तुत करता है, तो कर्सर पहले डिव की शुरुआत में चला जाता है।

मैं सोच रहा हूं कि कर्सर को दूसरे div की शुरुआत में जाने का कोई तरीका है, जिससे इंटरफ़ेस अधिक प्राकृतिक महसूस करेगा। मैं दोनों divs की आईडी जानता हूं, अगर इससे मदद मिलती है।

0
Mathias Strohkirch 9 सितंबर 2019, 01:51

1 उत्तर

सबसे बढ़िया उत्तर

यहां refs का उपयोग करने का एक उदाहरण दिया गया है, जिसे मैंने प्रतिक्रिया दस्तावेज़ों से खींचा है।

class CustomTextInput extends React.Component {
  constructor(props) {
    super(props);
    // create a ref to store the textInput DOM element
    this.textInput = React.createRef();
    this.focusTextInput = this.focusTextInput.bind(this);
  }

  focusTextInput() {
    // Explicitly focus the text input using the raw DOM API
    // Note: we're accessing "current" to get the DOM node
    this.textInput.current.focus();
  }

  render() {
    // tell React that we want to associate the <input> ref
    // with the `textInput` that we created in the constructor
    return (
      <div>
        <input
          type="text"
          ref={this.textInput} />
        <input
          type="button"
          value="Focus the text input"
          onClick={this.focusTextInput}
        />
      </div>
    );
  }
}
1
Travis M 8 सितंबर 2019, 22:58