This commit is contained in:
43
node_modules/react-redux/es/hooks/useDispatch.js
generated
vendored
Normal file
43
node_modules/react-redux/es/hooks/useDispatch.js
generated
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
import { ReactReduxContext } from '../components/Context';
|
||||
import { useStore as useDefaultStore, createStoreHook } from './useStore';
|
||||
/**
|
||||
* Hook factory, which creates a `useDispatch` hook bound to a given context.
|
||||
*
|
||||
* @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`.
|
||||
* @returns {Function} A `useDispatch` hook bound to the specified context.
|
||||
*/
|
||||
|
||||
export function createDispatchHook(context) {
|
||||
if (context === void 0) {
|
||||
context = ReactReduxContext;
|
||||
}
|
||||
|
||||
var useStore = context === ReactReduxContext ? useDefaultStore : createStoreHook(context);
|
||||
return function useDispatch() {
|
||||
var store = useStore();
|
||||
return store.dispatch;
|
||||
};
|
||||
}
|
||||
/**
|
||||
* A hook to access the redux `dispatch` function.
|
||||
*
|
||||
* @returns {any|function} redux store's `dispatch` function
|
||||
*
|
||||
* @example
|
||||
*
|
||||
* import React, { useCallback } from 'react'
|
||||
* import { useDispatch } 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 var useDispatch = /*#__PURE__*/createDispatchHook();
|
||||
Reference in New Issue
Block a user