twitter-bootstrap - 无法提交表单react-bootstrap

Question

我有以下 react-bootstrap 组件:

        <FormGroup onSubmit={this.gotEmail} role="form">
          <FormControl type="text" className="form-control"/>
          <Button className="btn btn-primary btn-large centerButton" type="submit">Send</Button>
        </FormGroup>

我希望在单击“发送”按钮时提交表单。

但是，如果我单击该按钮，控件将无法到达 this.gotEmail 方法。

为什么会这样？

Answer 1

FormGroup 不提供提交事件。您可以使用 form 元素包装它，并将事件处理程序附加到它:

<form onSubmit={this.gotEmail}>
  <FormGroup role="form">
    <FormControl type="text" className="form-control"/>
    <Button className="btn btn-primary btn-large centerButton" type="submit">Send</Button>
  </FormGroup>
</form>