useEffect() React钩子依赖项数组lint规则

Question

lint规则迫使我将'dispatch‘也作为useEffect()的依赖项包括在内。

(如果我没有添加分派作为依赖项，它会抛出警告"React Hook useEffect有一个缺少的依赖项：' dispatch‘。要么包含它，要么删除依赖项数组。“)

是否可以将调度或任何其他函数作为依赖项列出？有没有更好的方法来使用而不禁用lint规则？

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

Answer 1

可以将函数作为依赖项添加，但请记住，组件层次结构中的函数应该包装在useCallback钩子中，因为在重新呈现时，除非useCallback中给出的依赖项被更改，否则不会更改引用。库编写器已经公开了带记忆的函数，因此不需要将这些函数包装在useCallback中。