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.
28 lines
849 B
28 lines
849 B
3 years ago
|
import { useContext } from 'react';
|
||
|
|
import { ReactReduxContext } from '../components/Context';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A hook to access the value of the `ReactReduxContext`. This is a low-level
|
||
|
|
* hook that you should usually not need to call directly.
|
||
|
|
*
|
||
|
|
* @returns {any} the value of the `ReactReduxContext`
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
*
|
||
|
|
* import React from 'react'
|
||
|
|
* import { useReduxContext } from 'react-redux'
|
||
|
|
*
|
||
|
|
* export const CounterComponent = () => {
|
||
|
|
* const { store } = useReduxContext()
|
||
|
|
* return <div>{store.getState()}</div>
|
||
|
|
* }
|
||
|
|
*/
|
||
|
|
export function useReduxContext() {
|
||
|
|
const contextValue = useContext(ReactReduxContext);
|
||
|
|
|
||
|
|
if (process.env.NODE_ENV !== 'production' && !contextValue) {
|
||
|
|
throw new Error('could not find react-redux context value; please ensure the component is wrapped in a <Provider>');
|
||
|
|
}
|
||
|
|
|
||
|
|
return contextValue;
|
||
|
|
}
|