反应:带括号和不带括号的参数之间的区别

时间:2019-02-07 02:48:27

标签: reactjs typescript reactjs-flux

请考虑以下功能:

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

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

我正在使用打字稿,正在使用

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

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

谢谢您帮助我理解!

1 个答案:

答案 0 :(得分:1)

如果作为第二个参数传递带有键的对象,例如:

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

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

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