TypeScript immer.default函数代码示例

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

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

本文整理汇总了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；未经允许，请勿转载。