我從React.js開始，我想做一個(gè)簡(jiǎn)單的表格，但是在文檔中我找到了兩種方法。在第一種是使用參考文獻(xiàn)：var CommentForm = React.createClass({  handleSubmit: function(e) {    e.preventDefault();    var author = React.findDOMNode(this.refs.author).value.trim();    var text = React.findDOMNode(this.refs.text).value.trim();    if (!text || !author) {      return;    }    // TODO: send request to the server    React.findDOMNode(this.refs.author).value = '';    React.findDOMNode(this.refs.text).value = '';    return;  },  render: function() {    return (      <form className="commentForm" onSubmit={this.handleSubmit}>        <input type="text" placeholder="Your name" ref="author" />        <input type="text" placeholder="Say something..." ref="text" />        <input type="submit" value="Post" />      </form>    );  }});和第二個(gè)是使用狀態(tài)的陣營(yíng)部件內(nèi)部：var TodoTextInput = React.createClass({  getInitialState: function() {    return {      value: this.props.value || ''    };  },  render: function() /*object*/ {    return (      <input className={this.props.className}      id={this.props.id}      placeholder={this.props.placeholder}      onBlur={this._save}      value={this.state.value}      />    );  },  _save: function() {    this.props.onSave(this.state.value);    this.setState({value: ''  });});如果存在，我看不到這兩種選擇的優(yōu)缺點(diǎn)。謝謝。