UseEffect - React Hook useEffect 缺少依賴項：

Question

我在 useeffect 掛鈎上收到以下錯誤。

React Hook useEffect 缺少依賴項：“currentPage”。 包含它或刪除依賴項 array.eslintreact-hooks/exhaustive-deps

關於為什么我得到這個的任何想法？

const Pagination = () => {
const [ page, setPage ] = useState(1);

let params = new URLSearchParams(window.location.search);
let currentPage = params.get('page') || 1;

useEffect(() => {
    setPage(currentPage)
}, []);

return (
    <div>
        <h1>{page}</h1>
        {/* 
        *
        * Skip number, current page, totalCount
        *                
        */}
    </div>
);

}

Answer 1

將 currentPage 添加到依賴項數組將刪除警告，並且由於除非 url 更改，否則該值不會更改，因此 usseEffect 只會有效地調用一次。