[英]How to create several submit buttons in a react.js form?
试试这个。 它将使用“handleSubmit”函数处理常规提交(通过按钮或按Enter键),并使用“handleAlternate”替代提交(通过其他按钮)。
class Example extends React.Component {
handleSubmit(event) {
event.preventDefault();
....
}
handleAlternate(event) {
event.preventDefault();
...
}
render() {
<form onSubmit={this.handleSubmit.bind(this)}>
...
<button type="submit">Submit</button>
<button onClick={this.handleAlternate.bind(this)}>Alternate</button>
</form>
}
}
在我看来,你不应该使用onSubmit事件。 创建onSubmit以处理通过POST请求将表单发送到服务器,但您的用例似乎有所不同。
我会使用<button>元素和onClick处理程序。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.