1. ホーム
  2. javascript

[解決済み] React.jsでonSubmitを設定する

2022-12-01 09:22:22

質問

フォームの送信時に 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();
}