Question

当你在组件中调用 setState() 方法时，React 会将提供的对象合并到当前状态。例如，让我们以一个使用帖子和评论详细信息的作为状态变量的 Facebook 用户为例：

  constructor(props) {
    super(props);
    this.state = {
      posts: [],
      comments: []
    };
  }

现在，你可以独立调用 setState() 方法，单独更新状态变量：

componentDidMount() {
    fetchPosts().then(response => {
      this.setState({
        posts: response.posts
      });
    });

    fetchComments().then(response => {
      this.setState({
        comments: response.comments
      });
    });
  }

如上面的代码段所示， this.setState({comments}) 只会更新 comments 变量，而不会修改或替换 posts 变量。