Skip to main content

Hooks to dispatch actions

You can use the provided hooks to dispatch actions from inside React components.

useDispatch etc​

You can directly use hooks useDispatch, useDispatchAll, useDispatchAndWait and useDispatchAndWaitAll.

For example:

function MyComponent() { 
  const dispatch = useDispatch();  

  return (
    <Button onClick={() => dispatch(new LoadText())}> 
      Click me! 
    </Button>
  );
};

useStore​

Alternatively, getting a store reference with useStore also allows you to dispatch actions with store.dispatch, store.dispatchAll, store.dispatchAndWait and store.dispatchAndWaitAll.

For example:

function MyComponent() { 
  const store = useStore();  

  return (
    <Button onClick={() => store.dispatch(new LoadText())}> 
      Click me! 
    </Button>
  );
};