关于 reactjs:useEffect() React Hook Dependency Array lint 规则

useEffect() React Hook Dependency Array lint rule

lint 规则强制我将 \\’dispatch\\’ 也作为 useEffect() 的依赖项。

(如果我不将调度添加为依赖项，它会引发警告”React Hook useEffect 缺少依赖项：\\’dispatch\\’。要么包含它，要么删除依赖项数组。”)

是否可以将 dispatch 或任何其他函数列为依赖项？有没有更好的方法在不禁用 lint 规则的情况下使用？

1
2
3
4
5

useEffect(() => {
if (debouncedSearchText) {
dispatch(getUsers(pageIndex, rows, debouncedSearchText));
}
},[debouncedSearchText, pageIndex, dispatch]);

可以将函数添加为依赖项，但请记住，组件层次结构中的函数应该package在 useCallback 钩子中，因为在重新渲染时它不会更改引用，除非给出依赖项在 useCallback 中发生了变化。库编写者已经公开了记忆函数，因此无需将这些函数package在 useCallback 中。

useEffect() React Hook Dependency Array lint rule

猜你喜欢