2016-09-18 49 views
0

我有一个表格如下:设置的onClick防止按钮从具有默认行为

<form> 
    <RaisedButton 
     label={'next'} 
     onClick={this.handleNext} 
     type={'submit'} 
     style={{marginRight: 12}}/> 
</form> 

的问题是,当我设置的onClick一个按钮,它可以防止按钮的默认行为(其为提交)。
这种行为是否是预期的反应?我该如何解决它?

请注意:我已经使用了redux-form和material-ui Stepper组件,但由于我认为这是一个反应相关的问题,我创建了一个更简单的代码。

回答

0

我会想象你正在导入的RaisedButton组件有一个evt.preventDefault()调用阻塞提交。要验证,用正常的html button替换RaisedButton并查看表单是否提交。如果是这样,你必须看看RaisedButton来源,看看你是否可以停止preventDefault电话。

+0

我没有替换按钮。同样的问题。没有改变 – Mehrdad

+0

啊,表单没有提交网址?如果你在'

'标签上放置了一个'onSubmit'监听器,它会触发吗? –

+0

它就像'' Mehrdad

0

我认为这是因为你忘了添加道具type=submit,如果你想提交表单数据,你应该为你的按钮元素添加一个道具type=submit。 RaisedButton只提供一个正常的按钮。