React：带大括号的参数与不带大括号的参数之间的区别

Question

例如考虑这个函数：

  onChange = (event, { newValue }) => {
    this.setState({
      value: newValue,
    });
  };

{ newValue } 和只使用 newValue 有什么区别？示例取自 here。

我正在使用 typescript，正在使用

  onChange = (event, { newValue }: string) => {
    this.setState({
      value: newValue,
    });
  };

与

有任何不同

  onChange = (event, newValue: string) => {
    this.setState({
      value: newValue,
    });
  };

谢谢你帮我理解！

Answer 1

如果作为第二个参数传递一个带有键的对象，例如：

{value:'aaa', newValue: 'bbb', anotherValue: 'ccc'}

第二个参数将对象属性 newValue 作为值

换句话说，您可以将整个对象作为第二个参数传递，但只有它的 newValue 属性将用作第二个参数的值

React: Difference between argument with braces vs without braces