React Hook useEffect 缺少依賴項：'dispatch' 和 'init' - 在 useEffect 中使用 useDispach 時

Question

我正在嘗試在 redux 中創建某種初始化狀態，因此當應用程序加載時，應用程序將從 redux（使用 thunk）獲取一些數據並獲取數據。

所以我只需要它一次，為此我將 [] 放在 useFffect params 中，但出現以下錯誤：

  Line 32:6:  React Hook useEffect has missing dependencies: 'dispatch' and 'init'. Either include them or remove the dependency array  react-hooks/exhaustive-deps

我無法將 useDispatch 插入到 useEffect

  const { isReady } = useSelector<AppState, AppProps>((state: AppState) => {
    return {
      isReady: state.appStatus.isReady
    };
  });

  const dispatch = useDispatch();
  const init = initilizeAction();

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

Answer 1

您可以將initilizeAction()移至 useEffect，並將 dispatch 添加為依賴項（它不應更改，因此只會觸發一次）。

  const dispatch = useDispatch();

  useEffect(() => {
    const init = initilizeAction();
    dispatch(init);
  }, [dispatch]);