React Hook useEffect 缺少依赖项（在上下文中定义的函数）

Posted 2023-04-14

【中文标题】React Hook useEffect 缺少依赖项（在上下文中定义的函数）

【英文标题】：React Hook useEffect has a missing dependency (function defined in context)

【发布时间】：2020-05-28 06:51:02

【问题描述】：

我收到错误： React Hook useEffect 缺少一个依赖项：'setSelectedPage'。要么包含它，要么移除依赖数组 react-hooks/exhaustive-deps

const Blah = props => 
    const  setPage  = useContext(GlobalContext);

    useEffect(() => 
        setPage("new project");
    , []);

    return (
        <NewProjectState>
            <Index props=props />
        </NewProjectState>
    );
;

export default Blah;

我知道 react 希望我在 useEffect 中定义 setPage 函数，但它显然在其他地方使用。我确实想知道为什么不简单地将setPage 函数放在返回函数中。我想我要问的是最好的方法是什么？

【问题讨论】：

您不想将setPage 依赖项放入依赖项数组的原因是什么

【参考方案1】：

如果您确定它不会对您的应用程序产生不良影响，那么您可以使用 // eslint-disable-next-line react-hooks/exhaustive-deps 忽略 linter

const Blah = props =>  
  const  setPage  = useContext(GlobalContext);

  useEffect(() => 
    setPage("new project");
    // eslint-disable-next-line react-hooks/exhaustive-deps
  , []);

  return (
    <NewProjectState>
        <Index props=props />
    </NewProjectState>
  );
;

export default Blah;