UseEffect-React Hook useEffect缺少依赖项:

时间:2020-11-11 21:07:31

标签: javascript reactjs

在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>
);

}

1 个答案:

答案 0 :(得分:1)

将currentPage添加到依赖项数组将删除警告,并且由于除非URL更改,否则该值不会更改,因此usseEffect将仅被有效调用一次。