如何在 typescript 開關語句中進行接口檢查？

Question

我正在使用 Typescript 和 redux

我想將傳遞的操作與接口進行比較，然后執行任務

export function counterReducer(
  state = initialState,
  action: CounterActionTypes
): CounterState {
  switch (action) {
    case IncrementAction:
      return { ...state, count: state.count + action.incBy };
    case action as DecerementAction:
      return { ...state, count: state.count + action.decBy };
    default:
      return state;
  }
}

Answer 1

也許您可以為此檢查類型警衛。

https://www.typescriptlang.org/docs/handbook/advanced-types.html

我可能會為此使用redux-toolkit或redux-actions ，因為它大大簡化了您的代碼，並且支持 Typescript