Reducerで遭遇した[配列]：{オブジェクト}はどう展開される？？

Question

配列:{オブジェクト}ってどう展開されるの？？

####　参考コード

interface Todo {
  id: number;
  text: string;
  completed: boolean;
}

interface TodoState {
  todos: { [id: number]: Todo };
}

const todoReducer = (state: TodoState = { todos: {} }, action: TodoAction): TodoState => {
  switch (action.type) {
    case TypeKeys.ADD_TODO:
      const nextId = Object.keys(state.todos).length + 1;
      return {
        todos: {
          ...state.todos,
          [nextId]: {
            id: nextId,
            text: action.payload.text,
            completed: false
          }
        }
      };
   .
   .
   .

 }
  

###質問内容

ご回答いただける幸いです！

Answer 1

配列]:{オブジェクト}となっている部分はどのように展開されるのでしょうか？？

この角括弧は配列ではなく、Computed Propertyといって、オブジェクトのキーの指定です。

Comments

[pipipi0829]

ご回答ありがとうございます！