Skip to content

useDispatch

Александр edited this page Jan 17, 2023 · 1 revision
export function useDispatch<T>(): T

Doesn't accept anything.

Returns redux dispatch.

import { afc, useDispatch } from 'react-afc'
import { changeName, changeAge } from './personSlice'

function Component(props) {
  const dispatch = useDispatch()

  function onChangeName() {
    dispatch(changeName('New name'))
  }

  function onChangeAge() {
    dispatch(changeAge(10))
  }

  return () => <>
    <button onClick={() => onChangeName('new name')}>
      Change name
    </button>
  </>
}

export default afc(Component)
Clone this wiki locally