useEffect 缺少依赖项：“dispatch”

Question

我正在使用 Reactjs 和 Redux。

//constants
const dispatch = useDispatch();

//useEffects
useEffect(() => {
  if (!IsEmpty(loggedUser)) {
    dispatch(actions.getUserDetail({ userId: loggedUser.Sid }));
  }
}, [loggedUser]);

一切正常。但我在浏览器控制台中收到警告：

src/components/EditProfile.js 第 91:6 行：React Hook useEffect 缺少依赖项：“dispatch”。要么包含它，要么删除依赖数组react-hooks/exhaustive-deps

我不知道如何删除此警告。
请帮我 ！

Answer 1

如果您想删除诸如 React Hook useEffect has a Missing dependency: 'dispatch' 之类的警告，那么您可以使用eslint-disable-next-line在您的 useEffect 中。

useEffect(() => {
  if (!IsEmpty(loggedUser)) {
    dispatch(actions.getUserDetail({ userId: loggedUser.Sid }));
  }
  //eslint-disable-next-line
}, [loggedUser]);