當前位置: 首頁>>代碼示例>>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;未經允許,請勿轉載。