Reactガイドを読んでいくその89

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

RefとDOM

Ref へのアクセス

renderメソッドの要素にrefが渡されると参照はcurrent属性でアクセスできるようになる。
refの値はノードの種類によって異なる。

・HTML 要素に対して ref 属性が使用されている場合、React.createRef() を使ってコンストラクタ内で作成された ref は、その current プロパティとして根底にある DOM 要素を受け取ります
・ref 属性がカスタムクラスコンポーネントで使用されるとき、ref オブジェクトはコンポーネントのマウントされたインスタンスを current として受け取ります
・関数コンポーネント (function components) には ref 属性を使用してはいけません。なぜなら、関数コンポーネントインスタンスを持たないからです

次からはそれぞれの例についてみていく。

今日はここまで。