在useeffect挂钩上出现以下错误。
反应挂钩useEffect缺少依赖项:'currentPage'。要么包含它,要么删除依赖项数组。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>
);
}
答案 0 :(得分:1)
将currentPage添加到依赖项数组将删除警告,并且由于除非URL更改,否则该值不会更改,因此usseEffect将仅被有效调用一次。