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.
38 lines
1.1 KiB
38 lines
1.1 KiB
3 years ago
|
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 = ReactReduxContext) {
|
||
|
|
const useReduxContext = // @ts-ignore
|
||
|
|
context === ReactReduxContext ? useDefaultReduxContext : () => useContext(context);
|
||
|
|
return function useStore() {
|
||
|
|
const {
|
||
|
|
store
|
||
|
|
} = useReduxContext(); // @ts-ignore
|
||
|
|
|
||
|
|
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 const useStore = /*#__PURE__*/createStoreHook();
|