You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.1 KiB
42 lines
1.1 KiB
import { useContext } from 'react'; |
|
import { ReactReduxContext } from '../components/Context'; |
|
import { useReduxContext as useDefaultReduxContext } from './useReduxContext'; |
|
/** |
|
* Hook factory, which creates a `useStore` hook bound to a given context. |
|
* |
|
* @param {React.Context} [context=ReactReduxContext] Context passed to your `<Provider>`. |
|
* @returns {Function} A `useStore` hook bound to the specified context. |
|
*/ |
|
|
|
export function createStoreHook(context) { |
|
if (context === void 0) { |
|
context = ReactReduxContext; |
|
} |
|
|
|
var useReduxContext = context === ReactReduxContext ? useDefaultReduxContext : function () { |
|
return useContext(context); |
|
}; |
|
return function useStore() { |
|
var _useReduxContext = useReduxContext(), |
|
store = _useReduxContext.store; |
|
|
|
return store; |
|
}; |
|
} |
|
/** |
|
* A hook to access the redux store. |
|
* |
|
* @returns {any} the redux store |
|
* |
|
* @example |
|
* |
|
* import React from 'react' |
|
* import { useStore } from 'react-redux' |
|
* |
|
* export const ExampleComponent = () => { |
|
* const store = useStore() |
|
* return <div>{store.getState()}</div> |
|
* } |
|
*/ |
|
|
|
export var useStore = /*#__PURE__*/createStoreHook(); |