reactjs - 在函数或类中使用 `useDispatch` 可以吗？

Question

可以在 function 或 class 中使用 useDispatch Hook 吗？我不是在谈论功能或类组件。我想从函数/类调度状态更改。

// Example: utils.ts

export function foo(){
  const bar = getBar();
  const dispatch = useDispatch();
  dispatch(addBar(bar))
}

Answer 1

不能，以use开头的东西是钩子(Hook)，只能用在函数组件中。

如果你想从一个函数中访问调度，请执行以下操作之一

• 把函数写成thunk
• 将 dispatch 作为参数传入
• 导入您的商店并调用 store.dispatch