为什么我不能在 useEffect 中使用 dispatch a thunk？答案

【问题标题】：Why I can't use dispatch a thunk inside useEffect?为什么我不能在 useEffect 中使用 dispatch a thunk？
【发布时间】：2021-11-13 11:30:45
【问题描述】：

内部thunks.js

export const displayAlert = (text) => () => {   alert(`${text}`); }

在另一个文件中

const dispatch = useDispatch();

const example = () => {    
    useEffect(
        ()=>{dispatch(displayAlert('Hello'))}
        ) }

给我看

未捕获的错误：无效的挂钩调用

【问题讨论】：

【解决方案1】：

将 useDispatch 钩子移动到组件中，并用大写字母重命名（以免触发另一个 lint 警告）：

const Example = () => {
  const dispatch = useDispatch();
  useEffect(() => {
    dispatch(displayAlert("Hello"));
  });
};

【讨论】：