Userefによる変数の保存


反応useRefは、HTML要素(一般に入力)を参照するのに用いられるフックです.
我々が反応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を始めました.あなたは問題を解決するために使用しましたか?