javascript - この場合のスプレッド演算子の使用について説明してください

Question

私はreactjsを使い始めたばかりで、react databatleに取り組んでいるときにこのスニペットに出くわしました:

class MyTextCell extends React.Component {
  render() {
    const {rowIndex, field, data, ...props} = this.props;
    return (
      <Cell {...props}>
        {data[rowIndex][field]}
      </Cell>
    );
  }
}

私の質問は次のとおりです。

1. const {rowIndex, field, data, ...props} = this.props;

私が理解する限り、これは次のように解釈できます。

rowIndex= this.props.rowIndex
 field= this.props.field

...props は、rowIndex、フィールド、およびデータを除く this.props のすべてのオブジェクトを確実に取得します。私は正しいですか？

...propsだから私の質問は、言うのではなく、...somethingElse両方の「小道具」を異なって見せるために使用された方が良いのではないでしょうか.

2. ...props には実際に<Cell {...props}>何が含まれていますか? this.props のすべてのオブジェクトまたは rowIndex、フィールド、データなど以外の「残りの」オブジェクト?

これは、スニペットが取得された場所からのリンクです: https://facebook.github.io/fixed-data-table/getting-started.html