设置onClick可防止按钮具有默认行为

Question

我的表格如下：

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

问题在于，当我为按钮设置onClick时，它会阻止按钮默认行为（即提交） 这种行为是预期的反应吗？我该如何解决它？

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

Answer 1

我认为您导入的RaisedButton组件有一个evt.preventDefault()来阻止提交。要进行验证，请将RaisedButton替换为普通的html button，然后查看表单是否提交。如果是，则您必须查看RaisedButton来源，看看是否可以停止preventDefault来电。

Answer 2

我认为这是因为您忘记添加道具type=submit，如果您想提交表单数据，则应为您的按钮元素添加道具type=submit。 RaisedButton只提供一个普通按钮。