Reactは、実際のDOMノードを取得する.

674 ワード

React Native

真実のDOMノードを取得します.
コンポーネントは、実際のDOMノードではなく、メモリに存在するデータ構造の一種であり、仮想DOMと呼ばれる.ドキュメントを挿入すると、実際のDOMになります.
コンポーネントから実際のDOMのノードを取得する必要がある場合があります.この場合、ref属性を使用します.

var MyComponent = React.createClass({
   handleClick: function() {
     this.refs.myTextInput.focus();
   },
   render: function() {
     return (
     
       
       
     
     );
   }
});

本当にDOMノードであるために、html要素はref属性を持たなければなりません.そして、this.refNameはこの真のDOMノードに戻ります.
なお、this.refs.[refName]属性は実際のDOMを取得しているので、仮想DOMがドキュメントに挿入してから、この属性を使うことができます.そうでないとエラーが発生します.

データ構造とアルゴリズム---ツリー関連テーマ