当前位置: 首页 > 知识库问答 >
问题:

UseEffect-React钩子UseEffect缺少依赖项:

金理
2023-03-14

我在useeffect钩子上得到以下错误。

React Hook use效应有一个缺失的依赖项:当前页面。要么包含它,要么删除依赖array.eslintreact-钩子/穷举-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个答案

孔彭祖
2023-03-14

将currentPage添加到依赖项数组将删除警告,并且由于除非url发生更改,否则该值不会更改,因此usseEffect实际上只会被调用一次。

 类似资料:
  • 我在构建我的应用程序时遇到此问题。有人知道怎么回事吗? React Hook useEffect缺少依赖项:“conectar”。包括它或删除依赖项数组react hooks/dep

  • 在我的react/redux应用程序中,每次安装组件时,我都会调用一个操作从redux中的状态检索数据。我的方法行不通 下面是我得到的错误: React Hook use效应有一个缺失的依赖项:道具。要么包含它,要么删除依赖数组。然而,当任何道具发生变化时,“道具”都会发生变化,因此首选的修复方法是将“道具”对象的结构分解为在use效应调用之外的对象,并指称在use效应反应挂钩/穷举deps中的那

  • 一旦我运行下面的代码,我得到以下错误: React Hook useEffect缺少依赖项:“list”。包括它或删除依赖项数组react hooks/dep 我找不到发出警告的理由。

  • 这是我的部分代码。一切都很好,但eslint给出了错误。 React Hook useEffect缺少依赖项:“Dispatch”和“Get Data”。要么包括它们,要么删除依赖项数组react-hooks/extultive-deps React Hook useEffect缺少依赖项:“list”

  • 我有以下代码: 工作正常,但有警告。“React-Hook useEffect缺少依赖项:'History'。包括它或删除依赖项数组React-hooks/deps”

  • React Hook useEffect缺少依赖项:“dispatch”。要么包含它,要么删除依赖项数组react-hooks/extultive-deps 我使用React Redux中的钩子,作用于如下功能组件: