在React.js中设置onSubmit

在提交表单时,我尝试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中进行测试

我的问题:如何防止默认的发布行为?

猴子樱2020/03/12 17:03:04
<form onSubmit={(e) => {this.doSomething(); e.preventDefault();}}></form>

对我来说很好