Javascript 反应-获取输入

我有一个包含两个输入的react表单：

<input type="name" className="form-control" placeholder="Name"/>
<input type="description" className="form-control" placeholder="Description"/>

---

如何获取用户填写的值？

有几种方法可以从表单中获取值，其中一种方法可以像这样使用

refs

<input ref="name" type="name" className="form-control" placeholder="Name"/>
<input ref="description" type="description" className="form-control" placeholder="Description"/>

var name = ReactDOM.findDOMNode(this.refs.name).value,
    description = ReactDOM.findDOMNode(this.refs.description).value;

<input onChange={this.updateName} type="name" className="form-control" placeholder="Name"/>
<input onChange={this.updateDescription} type="description" className="form-control" placeholder="Description"/>

handleSubmit: function (e) {
    e.preventDefault();

    var name = this.state.name;
        description = this.state.description;
},

getInitialState: function () {
    return { name: '', description: '' };
},

updateName: function (e) {
    this.setState({ name: e.target.value });    
}, 

updateDescription: function (e) {
    this.setState({ description: e.target.value });
}

---

您应该按照原始文档中的说明进行操作

我已经修改了文档中的代码示例以适合您的情况。我知道这可以做得更有活力，但我这样做是为了简单

      getInitialState: function() {
         return {
            valueName: 'Name', 
            valueDesc: 'Description'
         };
      },
      // here you handle all the changes in the input
      handleNameChange: function(event) {
         this.setState({valueName: event.target.value});
      },
      handleDescChange: function(event) {
         this.setState({valueDesc: event.target.value});
      },
      render: function() {
         return (<div>
                    <input type="name" value={this.state.valueName} onChange={this.handleChange} />
                    <input type="description" value={this.state.valueDesc} onChange={this.handleChange} />
                </div>);
      }

getInitialState:function（）{
返回{
valueName:'名称'，
valueDesc:“描述”
};
},
//在这里，您可以处理输入中的所有更改
handleNameChange:函数（事件）{
this.setState（{valueName:event.target.value}）；
},
HandleDeschange:功能（事件）{
this.setState（{valueDesc:event.target.value}）；
},
render:function（）{
返回(
);
}

有几种方法可以从表单中获取值，其中一种方法使用如下引用

      getInitialState: function() {
         return {
            valueName: 'Name', 
            valueDesc: 'Description'
         };
      },
      // here you handle all the changes in the input
      handleNameChange: function(event) {
         this.setState({valueName: event.target.value});
      },
      handleDescChange: function(event) {
         this.setState({valueDesc: event.target.value});
      },
      render: function() {
         return (<div>
                    <input type="name" value={this.state.valueName} onChange={this.handleChange} />
                    <input type="description" value={this.state.valueDesc} onChange={this.handleChange} />
                </div>);
      }