[javascript] React 상태를 변경하는 데 선호되는 방법은 무엇입니까?

this.state.list자식 목록을 렌더링하는 데 사용할 수 있는 일반 개체 목록이 있다고 가정 해 보겠습니다 . 그렇다면 개체를 삽입하는 올바른 방법은 무엇입니까 this.state.list?

아래는 this.state문서에 언급 된대로 직접 변경할 수 없기 때문에 작동 할 것이라고 생각하는 유일한 방법 입니다.

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

이것은 나에게 못생긴 것 같습니다. 더 좋은 방법이 있습니까?

답변

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

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

  this.setState(newState);

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

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

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

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