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

setting onClick prevents button from having default behavior

本文关键字：默认 按钮 onClick 设置      更新时间：2023-09-26

我有一个如下的表单:

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

问题是，当我为按钮设置onClick时，它阻止了按钮的默认行为(即提交)。
这种行为是预期反应吗?我该如何解决这个问题?

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

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

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

相关文章：