Verwenden Sie „react.js“, um echte DOM-Knoten zu erhalten

Der folgende Editor bringt Ihnen einen Artikel darüber, wie Sie mit React.js echte DOM-Knoten erhalten. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Editor und werfen wir einen Blick darauf

Um den echten DOM-Knoten zu erhalten, muss das Texteingabefeld ein Ref-Attribut haben, und dann gibt this.refs.[refName] den echten DOM-Knoten zurück.

var MyComponent = React.createClass({
 handleClick: function() {
  this.refs.myTextInput.focus();
 },
 render: function() {
  return (
   <p>
    <input type="text" ref="myTextInput" />
    <input type="button" value="Focus the text input" onClick={this.handleClick} />
   </p>
  );
 }
});

ReactDOM.render(
 <MyComponent />,
 document.getElementById(&#39;example&#39;)
);

Das obige ist der detaillierte Inhalt vonVerwenden Sie „react.js“, um echte DOM-Knoten zu erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!