ReactJS - Как свойство может быть установлено аргументом после запятой?

1

В настоящий момент я работаю над конкретным разделом документации ReactJS: здесь ссылка: https://reactjs.org/docs/lifting-state-up.html или на codepen: https://codepen.io/gaearon/pen/WZpxpz? editors = 0010 # 0.

В коде есть что-то, что меня допрашивает: как возможно, что значение обновляется аргументом, переданным функцией после комы. Вот пример, чтобы быть более понятным:

 handleCelsiusChange(temperature) {
    this.setState({scale: 'c', temperature});
  }

corresponding to :

которые обрабатывают:

class Calculator extends React.Component {
  constructor(props) {
    super(props);
    this.handleCelsiusChange = this.handleCelsiusChange.bind(this);
    this.handleFahrenheitChange = this.handleFahrenheitChange.bind(this);
    this.state = {temperature: '', scale: 'c'};
  }

Как аргумент температуры может регулировать настройку температурного свойства, если кто-то может объяснить мне, что это было бы здорово.

С уважением, J.Doe

Теги:
callback
jsx
properties
setstate

1 ответ

1
Лучший ответ

Это:

  handleCelsiusChange(temperature) {
    this.setState({scale: 'c', temperature});
  }

эквивалентно этому: (обратите внимание на свойство temperature)

 handleCelsiusChange(temperature) {
    this.setState({
        scale: 'c', 
        temperature: temperature
    });
  }

Что эквивалентно этому:

 handleCelsiusChange(newValue) {
    this.setState({
        scale: 'c', 
        temperature: newValue
    });
  }

Первый синтаксис - это новая сокращенная форма, введенная в ES6

  • 0
    Хорошо, это о стенограмме ... Теперь я вижу лучше, спасибо, Эль Аутар Хамза

Ещё вопросы

Сообщество Overcoder
Наверх
Меню