Reactjs 如何在提交中传递表单变量？反应

我已提交以下文件：

<form onSubmit={this.handleCompanySubmit}>
  <label>
    <input placeholder="put company name here" />
  </label>
  <input type="submit" value="Submit" />
</form>

构造函数中包含以下内容：

this.handleCompanySubmit = this.handleCompanySubmit.bind(this);

我不知道为什么它不起作用。值事件未被传递，我不确定原因

---

谢谢。

提交事件的

目标

的

值将不是表单中输入的值

例如，您可以将输入的
值
保留在
公司
状态变量中，并在提交表单时使用该变量

示例


类应用程序扩展了React.Component{
状态={
公司：“
};
onChange=e=>{
this.setState（{company:e.target.value}）；
};
handleCompanySubmit=事件=>{
event.preventDefault（）；
console.log（this.state.company）；
};
render（）{
返回(
);
}
}
render（，document.getElementById（“根”））
表单中的每个输入都需要一个id。
然后使用event.target.elements.id.value在处理程序上访问它们


类应用程序扩展了React.Component{
handleSubmit=事件=>{
event.preventDefault（）；
日志（event.target.elements.company.value）；
};
render（）{
返回(
);
}
}
render（，document.getElementById（“根”））


this.handleCompanySubmit = this.handleCompanySubmit.bind(this);