12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- "use strict";
- exports.__esModule = true;
- exports.createDispatchHook = createDispatchHook;
- exports.useDispatch = void 0;
- var _Context = require("../components/Context");
- var _useStore = require("./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.
- */
- function createDispatchHook(context) {
- if (context === void 0) {
- context = _Context.ReactReduxContext;
- }
- var useStore = context === _Context.ReactReduxContext ? _useStore.useStore : (0, _useStore.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>
- * )
- * }
- */
- var useDispatch = /*#__PURE__*/createDispatchHook();
- exports.useDispatch = useDispatch;
|