Как узнать какой выбран option в select через React.js?

Question

[Кирилл]

Как вытащить из React, какой select выбран на данный момент?
Можно ли это реализовать через Ref к примеру?
<select>
    <option value="Сложение">+</option>
     <option value="Вычитание">−</option>
      <option value="Умножение">×</option>
      <option value="Деление">÷</option>
</select>

Comments

[Алексей]

Документацию читали?

Answer 1

[Alice Smith]

<select onChange={e => {
        console.log(e.target.value)
      }}>
    <option value="Сложение">+</option>
    <option value="Вычитание">−</option>
    <option value="Умножение">×</option>
    <option value="Деление">÷</option>
</select>

Answer 2

[hzzzzl]

реакт предполагает, что ты не будешь "узнавать", а будешь отрисовывать optionы, основываясь на тебе уже известных данных, которые будут храниться где-то в состоянии приложения

Можно ли это реализовать через Ref к примеру

да, работа с рефами это просто работа с DOM, ничем особо не отличается от обычного браузерного JS, но так делать условно не надо.. так-то можно select-у присвоить реф, и пройтись по всем дочерним элементам селекта, конешн