README
react-multiple-context-hoc
Library to get multiple values from react context via HOC.
You can easy get any number of values from react context inside functional components using useContext
, but classes can get only one value. To solve this problem you can use this HOC.
import React from 'react';
import withContext from 'react-multiple-context-hoc';
class MyComponent extends React.Component<{
stringPropName: string;
numberPropName: number;
}> {
render() {
return (
<span>
{this.props.stringPropName} {this.props.numberPropName}
</span>
);
}
}
const stringContext = React.createContext<string>('');
const numberContext = React.createContext<number>(0);
const WrappedComponent = withContext({
stringPropName: stringContext,
numberPropName: numberContext,
})(MyComponent);