[React]:子コンポーネントにpropsを渡すときのある属性の使い方がわからない。

Question

前提・実現したいこと

あるサイトで学習しているときにはじめてみる属性？がありました。
該当のソースコードに記載します。（次の章）

該当のソースコード

import React, { Component } from 'react';
import Todo from './Todo';


class TodoList extends Component {

  render() {
    const todos = this.props.todos.map( todo =>
      <Todo
        key={todo.id}
        //問題の部分↓
        {...todo}
      />
    )

    return(
      <ul>
        {todos}
      </ul>
    );
  }
}

export default TodoList

コメントアウトしているTodoコンポーネントにpropsを渡しているところで、｛...todo｝の｛...｝という部分です。
これはどういった処理をしているのでしょうか？
基礎的な内容だとおもいますが、どうかご教授下さい。

Answer 1

todoと言うオブジェクトのidをkeyにセットして、さらにオブジェクトをそのまま展開すると言う意味です。

todoが{id: 123, title='shopping'}だとしたら

<Todo
 key=123
 id=123
 title="shopping"
/>

となります。

Answer 2

スプレッド構文