Как ключ / метка выводится в setState реагирующего натива?

Question

Как ключ / метка выводится в setState реагирующего натива?

1

Я просматривал пример ввода исходных автозаполнений React, когда я столкнулся с классическим вызовом this.setState, который не сливался в объект с меткой.

  constructor(props) {
    super(props);
    this.state = {
      films: [],
      query: ''
    };
  }

  componentDidMount() {
    fetch('${API}/films/').then(res => res.json()).then((json) => {
      const { results: films } = json;
      this.setState({ films });
    });
  }

Я ожидал, что вызов this.setState будет выглядеть

this.setState({ films: films });

Где код/документация, в которой говорится, что этот синтаксический сахар разрешен? Является ли это чистой функцией JavaScript или реакцией?

Связанные исследования

Это похоже на декомпозицию объекта, но "отменено".

Я также дважды проверял, чтобы вызов API действительно возвращал массив вроде

"results": [ ... ]

так что это не так. this.setState({ films }); на самом деле имеет форму this.setState({ films: actual_object }); ,

kshikama 07 авг. 2017, в 20:55

Источник

3

Это ES2015 обозначение сокращенных имен свойств
Ori Drori 07 авг. 2017, в 18:47

Теги:

javascript

ecmascript-6

react-native

syntax

1 ответ

Ещё вопросы

Это ES2015 обозначение сокращенных имен свойств

Nicolas Charpentier · Accepted Answer · 2017-08-07T16-18-00.000Z

Он ссылается на сокращенную литературу Object.

this.setState({ films });
// is the same as:
this.setState({ films: films });

См. Также http://es6-features.org/#PropertyShorthand для синтаксического сахара.