Node.jsでのselectのデフォルト値

問題点

<option selected=true>とやろうが、<option selected=false>とやろうが、とにかくselectedが存在すると選択されてしまうようなので、どうしようかなという話。
そもそもselected=trueなんていうものも適当に書いてみただけですが。

結論

<option selected>を作るのではなく、<select defaultValue="値">にする。

ちなみに、<select value="値">とすると、Read Onlyな項目に設定してるよというエラーが出ます。

HTMLの仕様ではなく、JSXの仕様

でも下記のHTMLの仕様を読んでも、defaultValueというプロパティがなくて、とっても気持ち悪いのです。

• <select>: HTML 選択要素 - HTML: ハイパーテキストマークアップ言語 | MDN
• HTML Standard

そこで、ReactのJSXのDOM要素のページで仕様を見たら、、、これだ！

注意点

• React は <option> の selected 属性をサポートしていません。代わりに、このオプションの value を親の <select defaultValue> に渡して非制御のセレクトボックスを作成するか、<select value> に渡して制御されたセレクトボックスを作成します。

引用:<option> – React

スッキリしました。ちゃんと調べてよかった。