1.参照の役割
Refsを介して、
1. DOMノード。
2. renderメソッドで作成されたReact要素。(クラスコンポーネントの例)
2.ノードまたはインスタンスへのアクセスの用途は何ですか?Refsを使用してアクセスする理由
ノードまたはインスタンスにアクセスするための需要シナリオ:
- フォーカス、テキスト選択、メディア再生を管理します。
- 必須のアニメーションをトリガーします。
- サードパーティのDOMライブラリを統合する
いくつかのシナリオでは、ReactではRefを使用しないと解決できないためです。
3.断片的な知識
1. Refは、DOM要素またはクラスコンポーネントで使用できます。ただし、関数コンポーネントでは使用できません。これは、関数コンポーネントのインスタンスがないためです。
2.関数コンポーネントのDOM要素またはクラスコンポーネントにrefを渡す場合は、forwardRefを使用して実現できます。
3. useImperativeHandleを通じて、関数コンポーネントの親コンポーネントは、コンポーネントの子コンポーネント内のDOM要素またはクラスコンポーネントの操作メソッドを取得できます。
参考資料:
[1] React.RefsとDOM。https://reactjs.bootcss.com/docs/refs-and-the-dom.html
フォワード[2] React.Refs。Https://reactjs.bootcss.com/docs/forwarding-refs.html
[3] React.useImperativeHandle。https://reactjs.bootcss.com/docs/hooks-reference.html#useimperativehandle