[解決済み] 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();
}
関連
-
[解決済み】React.jsの配列の子要素のユニークキーを理解する
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み】jQuery:フォーム送信時にどのボタンがクリックされたかを取得する方法は?
-
[解決済み】React.jsの状態配列の正しい修正について
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] Angularjs - 現在の日付を表示する
-
[解決済み] CORS OriginヘッダーとCSRFトークンによるCSRF保護
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] JavaScriptの文字列プリミティブとStringオブジェクトの違いは何ですか?
-
[解決済み] JavaScriptでDIVを表示・非表示にするには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScriptで次の要素/前の要素を取得しますか?
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] 変異を伴わないオブジェクトからの値の削除