2023-11-06
react-onsenuiで使える検索フォームでSearchInputというものがあるのですが、
これを使ってフォームに入力したデータ名と同じ名前のデ―タを取得する機能を作ったのですが
enterを押して検索しようとするとなぜか画面が真っ白になった後に前ページに戻ってしまう不具合に
遭遇しました。
エラーメッセージも特に出ていないので何故起きているのか分からずじまいでしたが、
onchangeの際に他の動作をさせないe.preventDefault();を入れ忘れているのに気付きました。
これがないとユーザ側からは制御できない、意図しない他の動作が生じる可能性があるので
必ず付けるようにと各地で言われていたのを思い出しました。
特に、画面遷移や画像アップロードをするときに予想外の動きをするようです。
どんな場合でも、onchangeの際は何らかの意図しない動作をする可能性があるので必ずつけましょう。