React: 質問：useRefの代わりにuseMemoを使用できますか？

作成日 2020年02月03日 · 3コメント · ソース: facebook/react

こんにちは、好奇心から、次のように行う場合、 useRef代わりにuseMemoを使用できます。

例：

const ref = useRef(null);
const ref2 = useMemo(() => { current: null }, []);

どちらの参照も、DOM参照としても、クラスのインスタンスフィールドと同様に変更可能な値としても、問題なく機能するように見えます。 useRefとuseMemo ReactFiberHooks.jsコードを考慮すると、 useRefがuseMemoとは異なる方法で実装されるのはなぜですか？

ありがとう！

Invalid Question

ソース

svsool

最も参考になるコメント

この方法でrefオブジェクトを作成することもできますが、 useMemoも依存関係を追跡および比較するため、効率が低下します。（空の依存関係配列を指定した場合でも、メモフックの基になるデータ構造には追加の値のためのスペースがあります。）

これを説明するために、 useRefの実装を比較できます。
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L907 -L920

useMemo ：
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L1126 -L1156

両方のフックは頻繁に使用されるため、実装が異なるように：smile：を最適に実行することが重要です。

bvaughn 2020年02月03日

👍7

全てのコメント3件

useMemo ：
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L1126 -L1156

両方のフックは頻繁に使用されるため、実装が異なるように：smile：を最適に実行することが重要です。

bvaughn 2020年02月03日

👍7

この方法でrefオブジェクトを作成することはできますが、 useMemoも依存関係を追跡および比較するため、効率が低下します。（空の依存関係配列を指定した場合でも、メモフックの基になるデータ構造には追加の値のためのスペースがあります。）
これを説明するために、 useRefの実装を比較できます。
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L907 -L920
useMemo ：
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L1126 -L1156
両方のフックが頻繁に使用されるため、実装が異なるように最適に機能することが重要です😄。

こんにちは、このようにコードをフォーマットする方法は？

yaofly2012 2020年09月21日

@ yaofly2012特定のファイルリビジョンと行番号にリンクする場合、GitHubはそのようにリンクをフォーマットします。

ファイルを開く
行番号をクリックします
Shiftキーを押しながら別の行番号をクリックして、範囲を選択します
「y」と入力して、現在のリビジョンに固定します
URLをコピーしてGitHubに貼り付けます

bvaughn 2020年09月21日

❤1

このページは役に立ちましたか？

0 / 5 - 0 評価

React: 質問：useRefの代わりにuseMemoを使用できますか？

最も参考になるコメント

全てのコメント3件

関連する問題