不理解使用三点表示法的Javascript语法[duplicate]

Question

我正在为工作学习Javascript。具体地说，我正在学习一个React/Redux web应用程序，但在应用程序中使用三点符号时遇到了麻烦。我在谷歌上搜索了三点符号的含义，它看起来像是扩展运算符。但根据我的理解，spread运算符只能用于可迭代对象，如数组。但我看不到可迭代的参数。下面的示例代码是应用程序正在使用的示例。在本例中，我们有两个react组件AppInput和SomeObject。someObject调用render方法中的AppInput参数，该参数被分配给AppInput中的道具。但我不明白它是如何做到这一点的。有人能解释一下下面的代码中发生了什么吗？谢谢

export default class AppInput extends React.Component {
  static propTypes = {
    className: PropTypes.string,
    disabled: PropTypes.bool,
    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
    onChange: PropTypes.func,
    inputRef: PropTypes.func,
    type: PropTypes.string,
    highlighted: PropTypes.bool
  }
  .....
  constructor(props) {
    super(props);
    this.state = { value: sanitizeValue(props.value) };
  }
  .....
}


export class SomeObject extends React.Component<Props, State> {    
    .....
    return (
      <div className="generic-table-row">
        <div className="generic-table-cells">
          <AppInput
            {...{
              value: someVal,
              onChange: this.handleChange,
              className: 'someOtherObj',
              disabled: !pushMode
            }}
          />
        </div>
        {deleteMode && deleteMessage}
      </div>
    );
  }
}

Answer 1

...所做的一切都是将它所引用的对象（匿名对象）的内容传播出去--因此它将是value={someVal}等。