javascript - React hooks 警告我缺少依赖项

标签 javascript reactjs react-hooks

假设我在初始渲染时使用 useEffect 预取数据:

function myComponent(props) {
    const { fetchSomething } = props;
    ...
    ...
    useEffect(() => {
        fetchSomething();
    }, []);
    ...
    ...
}

我的 linter 警告我“React Hook useCallback 缺少依赖项”。它要我将 fetchSomething 放入 dependencies 数组中。
问题是即使 fetchSomething 将被更改,我也不希望组件重新获取数据。而且在我看来,useEffect 使用函数的大多数情况下,它并不真正关心函数是否被更改。
我不想关闭该警告,也不喜欢在我的代码中散布 //eslint-disable-next-line react-hooks/exhaustive-deps
这种行为背后的理性是什么?
这让我在使用 hooks 时感到不安全,好像我做错了什么。

最佳答案

您可以使用useRefuseMemo 来存储值。

参见 https://stackoverflow.com/a/54963730/9351632

关于javascript - React hooks 警告我缺少依赖项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56410246/

相关文章:

reactjs - 如何清理 useEffect 中的 Redux "useDispatch" Action ?

javascript - 替换 xhtml+xml 页面中的 document.write()s

javascript - 我收到这个错误! [ 'return' 函数外语句]

javascript - 确保我的 .JS 文件每次都先于其他文件加载

javascript - typescript 和 ...args

javascript - 我如何将功能 react 组件传递给函数?

javascript - 形状上的单击事件在kineticjs中不起作用

javascript - TypeScript 错误 - 类型 'Ticket[] | undefined' 不是数组类型

reactjs - 尝试使用 react-redux 分派(dispatch)操作时,类型 'PropsWithChildren' 上不存在 Prop

javascript - 为什么 useMemo 不起作用?我用错了吗?