<p>React を使用してページネーションを構築しています。 </p> <p>アプリケーションは状態を使用してページングと検索を管理します。検索語が変わったときにページネーションを 1 ページ目にリセットしたいと考えています。 </p> <pre class="brush:php;toolbar:false;">// 簡略化された例 関数 useSearchTerm() { return React.useState(""); } 関数 usePage() { React.useState(1) を返します。 } 関数 MyComponent(){ const [searchTerm, setSearchTerm] = useSearchTerm() const [ページ, setPage] = usePage(); useEffect(() => { setPage(1); }, [searchTerm]); // <-- これは ESLint の警告です }</pre> <p>これにより、ESLint 警告が表示されます <code>React Hook useEffect の依存関係が欠落しています: 'setPage'。これを含めるか、useEffect フック array.eslintreact-hooks/exhaustive-deps への依存関係を削除してください。 </p> <p>もちろん、依存関係に setPage を含めると、レンダリングするたびにエフェクトが呼び出されます。 </p> <p>この使用例で何か間違ったことをしているでしょうか? </p>