TypeScript recompose.withStateHandlers函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了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);
}

开发者ID:displague，项目名称:manager，代码行数:9，代码来源:localStorage.container.ts

示例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
    })
  }
);

开发者ID:linode，项目名称:manager，代码行数:30，代码来源:editableLabelState.ts

示例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
    })
  }
);

开发者ID:linode，项目名称:manager，代码行数:30，代码来源:configDrawerState.ts

示例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);

开发者ID:displague，项目名称:manager，代码行数:31，代码来源:withLoadingAndError.ts

示例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
    })
  }
);

开发者ID:linode，项目名称:manager，代码行数:30，代码来源:mutationDrawerState.ts

注：本文中的recompose.withStateHandlers函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。