Реагируйте: Разница между аргументом с фигурными скобками и без фигурных скобок

Question

Рассмотрим эту функцию, например:

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

В чем разница между { newValue } и просто использованием newValue.Пример взят из здесь .

Использую ли я машинопись, использую

  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 будет использоваться как значение второго аргумента