在useEffect函数中将“分派”函数作为依赖项插入安全吗？

Question

如果我用这个

  useEffect(() => {
dispatch(fetchToDos())}, [debouncedToDo, loginInfo.isLogin])

我收到警告

React缺少一个依赖项：“调度”。要么包含它，要么删除依赖数组react/react。

如果我在依赖数组中包含了“分派”，那么警告就消失了。

如下所示：

  useEffect(() => {
dispatch(fetchToDos())}, [dispatch, debouncedToDo, loginInfo.isLogin])

Answer 1

是的，dispatch可以安全地添加到useEffect钩子的依赖数组中。

来自文档

信息 只要同一个存储实例被传递给dispatch，<Provider>函数引用就会是稳定的。通常，该存储实例不会在应用程序中更改。 但是，React规则不知道dispatch应该是稳定的，并将警告dispatch变量应该添加到useEffect和useCallback的依赖数组中。最简单的解决办法就是这样做： 导出const () =() => { const调度= useDispatch()；useEffect(() => {调度(fetchTodos()) // Safe，以将调度添加到依赖数组}、调度)}