本文整理汇总了TypeScript中recompose.withStateHandlers函数的典型用法代码示例。如果您正苦于以下问题：TypeScript withStateHandlers函数的具体用法？TypeScript withStateHandlers怎么用？TypeScript withStateHandlers使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了withStateHandlers函数的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: mapState
const localStorageContainer = <TState, TUpdaters extends StateHandlerMap<TState>, TOutter>(
mapState: (s: Storage) => TState,
mapHandlers: (s: Storage) => StateUpdaters<TOutter, TState, TUpdaters>,
) => {
const state = mapState(storage);
const handlers = mapHandlers(storage);
return withStateHandlers<TState, TUpdaters, TOutter>(state, handlers);
}示例2:
import { withStateHandlers } from 'recompose';
interface State {
editableLabelError: string;
}
interface Handlers {
resetEditableLabel: () => State;
setEditableLabelError: (error: string) => State;
[key: string]: any;
}
export type EditableLabelProps = State & Handlers;
export default withStateHandlers<State, Handlers, { linodeLabel: string }>(
({ linodeLabel }) => ({
editableLabelError: ''
}),
{
resetEditableLabel: (state, { linodeLabel }) => () => ({
...state,
editableLabelError: ''
}),
setEditableLabelError: (state, ownProp) => errorText => ({
...state,
editableLabelError: errorText
})
}
);
示例3:
configDrawerOpen: false,
configDrawerError: undefined,
configDrawerSelected: undefined,
configDrawerAction: undefined
};
export type ConfigDrawerProps = State & Handlers;
export default withStateHandlers<State, Handlers & Record<string, any>>(
initialState,
{
openConfigDrawer: state => (_, action: (id: number) => void) => ({
...state,
configDrawerOpen: true,
configDrawerError: undefined,
configDrawerSelected: undefined,
configDrawerAction: action
}),
closeConfigDrawer: state => () => ({
...state,
configDrawerOpen: false
}),
configDrawerSelectConfig: state => (id: number) => ({
...state,
configDrawerSelected: id
})
}
);
示例4: withStateAndHandlers
*
* return (<div>Hello world!</div>)
* }
*/
const withStateAndHandlers = withStateHandlers<
LoadingAndErrorState,
StateAndStateUpdaters,
{}
>(
{
loading: false,
error: undefined
},
{
setLoadingAndClearErrors: () => () => ({
loading: true,
error: undefined
}),
setErrorAndClearLoading: () => (error: string) => ({
loading: false,
error
}),
clearLoadingAndErrors: () => () => ({
loading: false,
error: undefined
})
}
);
const withLoadingAndError = (Component: any) =>
withStateAndHandlers(Component);
示例5:
[key: string]: any;
}
export type MutationDrawerProps = State & Handlers;
export default withStateHandlers<State, Handlers>(
ownProps => ({
mutationDrawerError: '',
mutationDrawerLoading: false,
mutationDrawerOpen: false
}),
{
openMutationDrawer: state => () => ({
mutationDrawerError: '',
mutationDrawerLoading: false,
mutationDrawerOpen: true
}),
closeMutationDrawer: state => () => ({
...state,
mutationDrawerOpen: false
}),
mutationFailed: state => (error: string) => ({
mutationDrawerError: error,
mutationDrawerLoading: false,
mutationDrawerOpen: true
})
}
);