在提交表单时，我试图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 中对此进行测试。
我的问题：如何防止默认发布行为？
在您的doSomething()函数中，传入事件e并使用e.preventDefault().
doSomething = function (e) {
alert('it works!');
e.preventDefault();
}
我还建议将事件处理程序移到渲染之外。
var OnSubmitTest = React.createClass({
submit: function(e){
e.preventDefault();
alert('it works!');
}
render: function() {
return (
<form onSubmit={this.submit}>
<button>Click me</button>
</form>
);
}
});
<form onSubmit={(e) => {this.doSomething(); e.preventDefault();}}></form>
它对我来说很好用
您可以将事件作为参数传递给函数，然后阻止默认行为。
var OnSubmitTest = React.createClass({
render: function() {
doSomething = function(event){
event.preventDefault();
alert('it works!');
}
return <form onSubmit={this.doSomething}>
<button>Click me</button>
</form>;
}
});