Как сделать дефолтный select value в react?

Question

[yumakaev]

Доброго времени суток!
Подскажите пожалуйста, как сделать один, независимый option, который отображался бы как дефолтный, если остальные option'ы, я получаю по апи
https://codesandbox.io/s/beautiful-euclid-0ne21

Answer 1

[lnked]

Можно так

Comments

[yumakaev]

Думал так сделать, но, на сколько это правильно?

[lnked]

yumakaev, вам в любом случае нужно использовать либо нативный select и его возможности либо писать компонент с нуля, но я бы не советовал

[Вадим]

Предложенный lnked вариант весьма не плох.
Разве что я бы вынес option`s в отдельную переменную перед return`ом, для чистоты, а так же реакт говорит использовать вместо атрибута selected на option - атрибут defaultValue на select. В данном случае
<select defaultValue='0'>

Или же использовать value вместо defaultValue, если это будет контролируемый селект в компоненте с состоянием (хуки\классовом компоненте)