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

Question

里面thunks.js

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

在另一个文件中

const dispatch = useDispatch();

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

给我看

Uncaught Error: Invalid hook call

Answer 1

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

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

Why I can't use dispatch a thunk inside useEffect?