Maison >interface Web >js tutoriel >Utilisez React.js pour obtenir de vrais nœuds DOM

Utilisez React.js pour obtenir de vrais nœuds DOM

零下一度
零下一度original
2017-04-17 14:45:551631parcourir

L'éditeur suivant vous proposera un article sur la façon d'obtenir de vrais nœuds DOM à l'aide de React.js. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur pour y jeter un œil

Afin d'obtenir le vrai nœud DOM, la zone de saisie de texte doit avoir un attribut ref, puis this.refs.[refName] renverra le vrai nœud DOM.

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;)
);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn