在for循環中輸入react + typescript？

Question

我有一個待辦事項的界面：

export interface InitialTodoLoadingState {
  toggleComplete: boolean;
  updateText: boolean;
  deleteTodo: boolean;
}
export interface Todo {
  complete: boolean;
  _id: string;
  text: string;
  loading: InitialTodoLoadingState;
}

我正在嘗試循環這樣的待辦事項對象數組：

const processing = todos // check if processing operations e.g.: toggle complete
      .map((todo: TodoInterface) => {
        for (let loadProp in todo.loading) {
          if (todo.loading[loadProp]) return true; // ERROR HERE
          return false;
        }
      })
      .some(process => !!process);

我收到一個錯誤消息：

Element implicitly has an 'any' type because type 'InitialTodoLoadingState' has no index signature.

我如何在這里實現打字稿？ 我不想用任何

Answer 1

要消除該錯誤，請添加索引簽名（請參見此處 ）：

export interface InitialTodoLoadingState {
  toggleComplete: boolean;
  updateText: boolean;
  deleteTodo: boolean;
  [key: string]: boolean;
}