Modalで閉じるたびにselectが解除されてしまったいたので、調べたところこんな感じで実装することで常にselected状態を維持できるようです

<select value={optionsState}>
  <option value="A">Apple</option>
  <option value="B">Banana</option>
  <option value="C">Cranberry</option>
</select>

optionStatevalue="A"A とか B が入るようにデータを入れてあげると自動的に選択してくれて、modalを閉じた後開いても常に選択状態を維持することができます。

参考記事

React JSX: selecting “selected” on selected <select> option

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA