каков предпочтительный способ изменить состояние React?

Скажем, у меня есть список простых объектов, this.state.listкоторые я затем могу использовать для рендеринга списка потомков. В какой же тогда правильный способ вставить объект this.state.list?

Ниже приведен единственный способ, который, я думаю, будет работать, потому что вы не можете this.stateнапрямую изменять, как указано в документе.

this._list.push(newObject):
this.setState({list: this._list});

Мне это кажется некрасивым. Есть ли способ лучше?

concat возвращает новый массив, поэтому вы можете сделать

this.setState({list: this.state.list.concat([newObject])});

другая альтернатива - помощник неизменяемости React

  var newState = React.addons.update(this.state, {
      list : {
        $push : [newObject]
      }
  });

  this.setState(newState);

setState () можно вызвать с функцией в качестве параметра:

this.setState((state) => ({ list: state.list.concat(newObj) }))

или в ES5:

this.setState(function(state) {
  return {
   list: state.list.concat(newObj)
  }
})

Обновление 2016

С ES6 вы можете использовать:

this.setState({ list: [...this.state.list, ...newObject] });

Из документации по реакции ( https://facebook.github.io/react/docs/state-and-lifecycle.html#state-updates-may-be-asynchronous ):

Поскольку this.props и this.state могут обновляться асинхронно, вам не следует полагаться на их значения при вычислении следующего состояния.

Поэтому вам следует сделать это:

this.setState((prevState) => ({
  contacts: prevState.contacts.concat([contact])
}));