Userefによる変数の保存
1671 ワード
反応useRefは、HTML要素(一般に入力)を参照するのに用いられるフックです.
我々が反応Docsから
だから我々は我々のアプリの寿命を通して変数を永続化する
変数の問題は、ページを再表示したり、コンポーネントが再描画されるたびに再初期化されることです
確かに、状態は持続します、しかし、違いはあなたがコンポーネントが再描画される州を更新するときです.
私が
ユーザーがページの最後に達すると、コンポーネントはページトークン(現在のページを表す)に基づいてより多くのデータを取得します.ページトークンは次のページと一致するように次のリクエストごとに更新する必要があります.これは、私が仕事にふさわしい
そういうわけで、私はこのDisscussionを始めました.あなたは問題を解決するために使用しましたか?
我々が反応Docsから
useRef
定義を読むならばuseRef returns a mutable ref object whose .current property is initialized to the passed argument (initialValue). The returned object will persist for the full lifetime of the component.
だから我々は我々のアプリの寿命を通して変数を永続化する
useRef
を使用することができます上記を読んで.function App() {
const greeting = useRef("hello world")
// mutating the object
ref.current = "goodbye world"
}
なぜプレーン変数を使用しないのですか?
変数の問題は、ページを再表示したり、コンポーネントが再描画されるたびに再初期化されることです
何がUSENTについて?
確かに、状態は持続します、しかし、違いはあなたがコンポーネントが再描画される州を更新するときです.
ユースケースとは
私が
useRef
のユースケースを見つけたのは、無限のスクロールコンポーネントを構築している時です.ユーザーがページの最後に達すると、コンポーネントはページトークン(現在のページを表す)に基づいてより多くのデータを取得します.ページトークンは次のページと一致するように次のリクエストごとに更新する必要があります.これは、私が仕事にふさわしい
useRef
を見つけたところです.そういうわけで、私はこのDisscussionを始めました.あなたは問題を解決するために使用しましたか?
Reference
この問題について(Userefによる変数の保存), 我々は、より多くの情報をここで見つけました https://dev.to/m0nm/storing-variables-with-useref--5e4oテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol