який є кращим способом мутувати стан Реагувати?

Скажімо, у мене є список простих предметів, 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 ):

Оскільки цей.props та this.state може оновлюватися асинхронно, не слід покладатися на їх значення для обчислення наступного стану.

Тому вам слід зробити це замість цього:

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