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

Как вытащить из React, какой select выбран на данный момент?
Можно ли это реализовать через Ref к примеру?
<select>
    <option value="Сложение">+</option>
     <option value="Вычитание">−</option>
      <option value="Умножение">×</option>
      <option value="Деление">÷</option>
</select>
  • Вопрос задан
  • 183 просмотра
Решения вопроса 1
@AliceSmith
<select onChange={e => {
        console.log(e.target.value)
      }}>
    <option value="Сложение">+</option>
    <option value="Вычитание">−</option>
    <option value="Умножение">×</option>
    <option value="Деление">÷</option>
</select>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
hzzzzl
@hzzzzl
реакт предполагает, что ты не будешь "узнавать", а будешь отрисовывать optionы, основываясь на тебе уже известных данных, которые будут храниться где-то в состоянии приложения

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы