当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript immer.default函数代码示例

本文整理汇总了TypeScript中immer.default函数的典型用法代码示例。如果您正苦于以下问题:TypeScript default函数的具体用法?TypeScript default怎么用?TypeScript default使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。


在下文中一共展示了default函数的5个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: produce

export const reducer = (state: State = defaultState, action: InitAction | Action) => produce(state, draft => {
    switch (action.type) {
        case system.INIT: {
            draft.isHidden = $get(['payload', 'ui', 'drawer', 'isHidden'], action) || false;
            draft.collapsedMenuGroups = $get(['payload', 'ui', 'drawer', 'collapsedMenuGroups'], action) || ['content'];
            break;
        }
        case actionTypes.TOGGLE: {
            draft.isHidden = !draft.isHidden;
            break;
        }
        case actionTypes.HIDE: {
            draft.isHidden = true;
            break;
        }
        case actionTypes.TOGGLE_MENU_GROUP: {
            const groupId = action.payload;
            if (draft.collapsedMenuGroups.includes(groupId)) {
                draft.collapsedMenuGroups = draft.collapsedMenuGroups.filter(i => i !== groupId);
            } else {
                draft.collapsedMenuGroups.push(groupId);
            }
            break;
        }
    }
});
开发者ID:grebaldi,项目名称:PackageFactory.Guevara,代码行数:26,代码来源:index.ts

示例2:

 [String(findReferencesSuccess)]: (state: EditorState, action: any) =>
   produce<EditorState>(state, draft => {
     const { title, repos } = action.payload;
     draft.references = repos;
     draft.referencesTitle = title;
     draft.loading = false;
   }),
开发者ID:elastic,项目名称:kibana,代码行数:7,代码来源:editor.ts

示例3: test

  test('should store data when relevant actions dispatched', () => {
    const hist0 = produce(state.undoHistoryState, (draft) => {
      draft.future.push(draft);
    });
    const hist1 = computeUndoStacks(hist0, newFSA(WATCHED_ACTION), state, mutatedState, config);
    const hist2 = computeUndoStacks(hist1, newFSA(WATCHED_ACTION), mutatedState, state, config);

    // Expect history to change
    expect(hist1).not.toEqual(hist0);

    // Erases future
    expect(hist0.future).toHaveLength(1);
    expect(hist1.future).toHaveLength(0);

    // Add present to past if present did not exist
    expect(hist0.past).toHaveLength(0);
    expect(hist0.present).toBeUndefined(); // Present did not exist
    expect(hist1.past).toHaveLength(1);
    expect(hist1.past[0]).toEqual(pick(state, config.whitelist));

    // Set new present
    const present1 = pick(mutatedState, config.whitelist);
    expect(hist1.present).toEqual(present1);
    expect(hist1.present).not.toEqual(pick(state, config.whitelist)); // Just make sure both states are different

    // Add present to past if present exists
    expect(hist2.past).toHaveLength(2);
    expect(hist2.past[1]).toEqual(present1);
    expect(hist2.present).toEqual(pick(state, config.whitelist));
  });
开发者ID:nusmodifications,项目名称:nusmods,代码行数:30,代码来源:undoHistory.test.ts

示例4:

 [String(openSymbolPath)]: (state: SymbolState, action: any) =>
   produce<SymbolState>(state, draft => {
     const idx = state.closedPaths.indexOf(action.payload!);
     if (idx >= 0) {
       draft.closedPaths.splice(idx, 1);
     }
   }),
开发者ID:elastic,项目名称:kibana,代码行数:7,代码来源:symbol.ts

示例5: recolorPiece

export function recolorPiece(piece: Piece, newColor: ColorIndex) {
  return produce(piece, (draft) => {
    iteratePiece(draft, (square) => {
      square.color = newColor; // eslint-disable-line no-param-reassign
    });
  });
}
开发者ID:nusmodifications,项目名称:nusmods,代码行数:7,代码来源:board.ts


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