Open1

📝 Reactのエラーあれこれメモ

Tim daikTim daik

デフォの値設定は<select>defaultValueを使おう

いつも通り<select />を使っていた。
デフォルト値を設定したかったので、<option />selectedに真偽値を作ってぶち込んでいた。
しかし、以下のエラーがコンソールに出ていた

Warning: Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>.

調べてみると、どうやらReactではこのselectedプロパティは非推奨みたい。

https://ja.react.dev/reference/react-dom/components/select#providing-an-initially-selected-option

そこで案内通り<select />にてdefaultValueを設定してみた。
今回のこれは真偽値じゃなくて、文字列そのものを入れてあげればいいみたい。

まだまだ知らないReact独自仕様があるな~~