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 只会有效地调用一次。