ReactJS状态vs道具

Question

var PostEditor = React.createClass({
  updateText: function(e) {
    var text = e.target.value;
    this.props.post.text = text;
    this.forceUpdate();
  },
  render: function() {
    return (
      <input value={this.props.post.text} onChange={this.updateText}/>
      <button onClick={this.props.post.save}/>Save</button>
    );
  }
});

是否更像React的方法，使我们的文本模型属性状态，并在保存之前将其编译回模型，如下所示：

var PostEditor = React.createClass({
  getInitialState: function() {
    return {
      text: ""
    };
  },
  componentWillMount: function() {
    this.setState({
      text: this.props.post.text
    });
  },
  updateText: function(e) {
    this.setState({
      text: e.target.value
    });
  },
  savePost: function() {
    this.props.post.text = this.state.text;
    this.props.post.save();
  },
  render: function() {
    return (
      <input value={this.state.text} onChange={this.updateText}/>
      <button onClick={this.savePost}/>Save</button>
    );
  }
});

这不需要调用This.forceUpdate()，但是随着模型的增长，(post可能有作者、主题、标记、注释、评分等）组件开始变得非常复杂。

第一种方法是ReactLink吗？

Answer 1

更新2016：React被改变，“道具对状态”的解释变得非常简单。如果组件需要更改数据--将其置于状态，否则置于道具中。因为道具现在是只读的。

道具和状态的确切区别是什么？

你可以在这里找到很好的解释（完整版）