在React.js中设置onSubmit

  • Z时代
  • 2024-01-10
  • 分类：问答

在提交表单时，我正在尝试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();
}

以上是 在React.js中设置onSubmit 的全部内容， 来源链接： utcz.com/qa/409874.html

回到顶部