Задать вопрос
dalv_happy
@dalv_happy

Как сделать активным input поле при клике на другой элемент?

Добрый день!

Пишу универсальный компонент TextField, который можно использовать на страницах приложения.
Задача: при клике на иконку карандаш необходимо делать input поле активным т.е. focus.
Решение: вешать ref на input поле, ref делать для каждого поля уникальным.
Но мне это решение кажется топорным, может есть более лаконичные методы?

Рабочий пример: https://codesandbox.io/s/rrjvjy5qp4
  • Вопрос задан
  • 473 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Решение: вешать ref на input поле

Хорошее решение.

ref делать для каждого поля уникальным.

Нет смысла. Используйте один ref в компоненте TextField, в каждом созданном экземпляре компонента он будет уникальным.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽