如何修复React Redux和React Hook useEffect缺少依赖项：“dispatch”

Question

React Hook useEffect缺少依赖项：“dispatch”。要么包含它，要么删除依赖项数组react-hooks/extultive-deps

我使用React Redux中的useDispatch()钩子，作用于如下功能组件：

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

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

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

export default Component;

Answer 1

为了避免该警告，只需将dispatch添加到依赖项数组中。它不会调用重新呈现，因为分派值不会改变。

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;