reactの{...}の意味

Question

下のコード内の{...todo}の{...}の意味が分からないのでご教授願います

    const todos = this.props.todos.map( todo =>
      <Todo
        key={todo.id}
        {...todo}
      />
    )

Answer 1

スプレッド構文といいます。
内部の値を展開することができます。
例えば

const todo = {id: 1, value: "hoge"}
const todo2 = {...todo, value2: "fuga"}
console.log(todo2) // {id: 1, value: "hoge", value2: "fuga"}

となります。
また、これはリスト等でも可能です。