useRef は、コンポーネントの再レンダリングをトリガーせずに、コンポーネント内で「可変」変数を保持できるようにする構造です。
useState を使用して上記の例を実行した場合、ボタンを 1 回クリックした後、コンポーネントが再度レンダリングされ、画面に「クリック数: 1」と表示されます。 useRef で変数を保持しているため、最初の値「Clicks: 0」が表示されますが、メモリ内の「count」値は 1 になります。
useRef と useState の違いは何ですか?
変数が変更されると、useState はコンポーネントの再レンダリングをトリガーします。 useRef はコンポーネントの再レンダリングをトリガーしません。
以上がReact useRef()とはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。