无法提交表单反应，引导

我有以下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方法。

这是为什么？

来源

2016-05-15 octavian

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>

来源

2016-05-15 14:59:37 madox2

只是好奇，什么是角色=“形式”的使用？对于我的examlpe，我刚刚得到了，它的工作原理 – Ycon

因此，如果我使用

@migueloop从版本0.30.2开始，您可以使用 –

有一两件事失踪，我想。

在gotEmail，应该有一个preventDefault，因此如果用户按下“Enter”，页面将不会重新加载：

gotEmail(event){ 
    event.preventDefault(); 
    // code you want to do 
}

来源

2017-01-05 17:00:30 ajamardo

由于0.30.2版本，你可以在一个<Form>把它包，它支持onSubmit属性：

<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>

来源

2017-06-12 04:35:14

无法提交表单反应，引导

回答

相关问题