amikhalev/sprinklers3
1
1
Fork 0
Code Issues 9 Pull Requests 1 Releases Wiki Activity

Use hooks for context

Browse Source
This commit is contained in:
Alex Mikhalev 2019-07-22 21:33:48 -06:00
parent 7bcf145f6d
commit 39323369bb
1 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
client/state/reactContext.tsx
View File

@ -33,20 +33,16 @@ export function ConsumeState({ children }: ConsumeStateProps) {
export function injectState<P extends { appState: AppState }>( export function injectState<P extends { appState: AppState }>(
Component: React.ComponentType<P> Component: React.ComponentType<P>
): React.ComponentClass<Omit<P, "appState">> { ): React.FunctionComponent<Omit<P, "appState">> {
return class extends React.Component<Omit<P, "appState">> { return function InjectState(props) {
render() { const state = React.useContext(StateContext);
const consumeState = (state: AppState | null) => { if (state == null) {
if (state == null) { throw new Error(
throw new Error( "Component with injectState must be mounted inside ProvideState"
"Component with injectState must be mounted inside ProvideState" );
);
}
// tslint:disable-next-line:no-object-literal-type-assertion
const allProps: Readonly<P> = {...this.props, appState: state} as Readonly<P>;
return <Component {...allProps} />;
};
return <StateContext.Consumer>{consumeState}</StateContext.Consumer>;
} }
}; // tslint:disable-next-line: no-object-literal-type-assertion
const allProps: Readonly<P> = {...props, appState: state} as Readonly<P>;
return <Component {...allProps} />;
}
} }