is it okay to use `useDispatch` inside a function or a class?

user_12872199 0
Viewed 423

is it okay to use useDispatch hook inside a function or a class? I am not talking about functional or class components. I want to dispatch a state change from function/class.

// Example: utils.ts

export function foo(){
  const bar = getBar();
  const dispatch = useDispatch();
  dispatch(addBar(bar))
}
react-redux redux reactjs
2 Answers

No, things that begin with use are hooks and can only be used in function components.

If you want access to dispatch from a function, do one of

  • write the function as a thunk
  • pass dispatch in as an argument
  • import your store and call store.dispatch
user_20759440

The answer above is correct!! Just to add, this syntax might help for beginners if you want to do some async calls or get state.

Requisite - Connect should be wrapped in root component.

store.dispatch(doSomething())

export function doSomething() {
    return async (dispatch, getState, { client }) => { //your code } }
user_76257380
Related