29 lines
861 B
JavaScript
29 lines
861 B
JavaScript
import { useStore } from './useStore';
|
|
/**
|
|
* A hook to access the redux `dispatch` function. Note that in most cases where you
|
|
* might want to use this hook it is recommended to use `useActions` instead to bind
|
|
* action creators to the `dispatch` function.
|
|
*
|
|
* @returns {any|function} redux store's `dispatch` function
|
|
*
|
|
* @example
|
|
*
|
|
* import React, { useCallback } from 'react'
|
|
* import { useReduxDispatch } from 'react-redux'
|
|
*
|
|
* export const CounterComponent = ({ value }) => {
|
|
* const dispatch = useDispatch()
|
|
* const increaseCounter = useCallback(() => dispatch({ type: 'increase-counter' }), [])
|
|
* return (
|
|
* <div>
|
|
* <span>{value}</span>
|
|
* <button onClick={increaseCounter}>Increase counter</button>
|
|
* </div>
|
|
* )
|
|
* }
|
|
*/
|
|
|
|
export function useDispatch() {
|
|
var store = useStore();
|
|
return store.dispatch;
|
|
} |