Задать вопрос
@VladimirovJS
react

Как сделать Input disabled?

На форме есть два инпута. Как в реакте сделать так, чтобы начиная вводить в одном Input-e, второй стал disabled Использую react-bootstrap и компонент FormControl для инпутов отсюда https://react-bootstrap.github.io/components.html#...

то есть у меня два компонента FormGroup, внутри каждого FormControl.
  • Вопрос задан
  • 721 просмотр
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Zvezdocheteg
Можно как то так https://codepen.io/Profiteer/pen/JJBMXW

Накидал для наглядности, можно улучшать)
Ответ написан
Комментировать
Комментировать
maxfarseer
@maxfarseer
https://maxpfrontend.ru, обучаю реакту и компании
Необходимо, чтобы атрибут disabled у input'a реагировал на значение в другом. Если оба инпута в одном компоненте, то можете использовать state, и смотреть если в state первого инпута есть значение, то второй disabled, примерно так:
<FieldGroup
      id="formControlsText"
      type="text"
      label="Text"
      placeholder="Enter text"
      disabled={this.state.myOtherInputValue1}
    />
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать парсер и админку
19 апр. 2024, в 14:12
30000 руб./за проект
Создать логотип
19 апр. 2024, в 14:10
500 руб./за проект
Разработка дизайна мобильного приложения которое управляет вентиляцией
19 апр. 2024, в 14:01
70000 руб./за проект
Ещё заказы