Apple</op..."> Apple</op..."> Reactのselectでselectedを指定する方法 | Masahiro's tech note

.slider-area { display: none; } .use-animation .pickup-2__entry.is-animation:after { content: none; } .use-animation .wrapper-inner { opacity: 1; } .youtube-wrap .youtube { display: none; }

Reactのselectでselectedを指定する方法

2020.08.27

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

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

<option value="A">Apple</option>

<option value="B">Banana</option>

<option value="C">Cranberry</option>

</select>

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

参考記事

参考記事

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

検索する

Menu

Reactのselectでselectedを指定する方法

参考記事

参考記事

人気の記事