React Refsディスカッション

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

 

おすすめ

転載: www.cnblogs.com/toLivetoLearn/p/12722641.html