Javascript 如何修复React-Redux和React-Hook-useEffect缺少依赖项：'；调度'；

React Hook useEffect缺少依赖项：“dispatch”。包括它或删除依赖项数组react hooks/dep

我在功能组件上使用React Redux的

useDispatch（）

Hook，如下所示：

const Component = () => {
  const dispatch = useDispatch();
  const userName = useSelect(state => state.user.name);

  useEffect(() => {
    dispatch(getUserInformation());
  }, [userId]);

  return (
    <div>Hello {userName}</div>
  );
};

export default Component;

const组件=（）=>{
const dispatch=usedpatch（）；
const userName=useSelect（state=>state.user.name）；
useffect（（）=>{
调度（getUserInformation（））；
}，[userId]）；
返回(
你好{userName}
);
};
导出默认组件；

---

如何在不删除依赖关系数组react hooks/dep的情况下删除此警告，这有助于避免其他错误

要避免该警告，只需将

分派

添加到依赖项数组中即可。这将不会调用重新呈现，因为分派值不会更改

const Component = () => {
  const dispatch = useDispatch();
  const userName = useSelect(state => state.user.name);

  useEffect(() => {
    dispatch(getUserInformation());
  }, [userId, dispatch]);

  return (
    <div>Hello {userName}</div>
  );
};

export default Component;

const组件=（）=>{
const dispatch=usedpatch（）；
const userName=useSelect（state=>state.user.name）；
useffect（（）=>{
调度（getUserInformation（））；
}，[userId，dispatch]）；
返回(
你好{userName}
);
};
导出默认组件；