在React.js中设置onSubmit

JavaScript

阿飞A

2020-03-12

在提交表单时，我尝试doSomething()代替默认的发布行为。

显然在React中，onSubmit是表单支持的事件。但是，当我尝试以下代码时：

var OnSubmitTest = React.createClass({
    render: function() {
        doSomething = function(){
           alert('it works!');
        }

        return <form onSubmit={doSomething}>
        <button>Click me</button>
        </form>;
    }
});

该方法doSomething()已运行，但是此后仍执行默认的发布行为。

您可以在我的jsfiddle中进行测试。

我的问题：如何防止默认的发布行为？

第1172篇《在React.js中设置onSubmit》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
猴子樱 2020.03.12 
<form onSubmit={(e) => {this.doSomething(); e.preventDefault();}}></form>

对我来说很好

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android