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