javascript - 在设置状态之前 react 状态分配

Question

我是 React 新手，正在学习在线教程。讲师将下面的代码作为 Todo 应用程序的一部分进行展示。这是将新的 todo 项(对象)添加到 state 的逻辑。

var TodoApp = React.createClass({
  getInitialState: function() {
    return {
      todos: {}
    };
  },
  addTodo: function(todo) { 
    var timestamp = (new Date()).getTime();
    this.state.todos[`todo-${timestamp}`] = todo;
    this.setState({
      todos: this.state.todos
    });
  }
});

1. 在这种情况下，在调用 this.setState() 之前将 todo 对象分配给状态是否是一个好习惯？ ？ (这个SO question给出了一些相关信息。)
2.将todos如下展开不是更好吗？
3. 或者，是否有更好的方法来更新此设置中的state？

var TodoApp = React.createClass({
  getInitialState: function() {
    return {
      todos: {}
    };
  },
  addTodo: function(todo) { 
    var timestamp = (new Date()).getTime();
    this.setState({
      todos: {...this.state.todos, [`todo-${timestamp}`]: todo}
    });
  }
});

Answer 1

1. 否，请参阅下面的示例和文档。

   this.state.todos = ...
    // Someone modifies todo's state at this point
    this.setState({
      todos: this.state.todos // this would not do what you expected anymore
    });
   

NEVER mutate this.state directly, as calling setState() afterwards may replace the mutation you made

React's documentation

1. 当然，这就是 React 的方式。这是一个完美的解决方案。
2. 传播就足够了。