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

Question

[Username]

Добрый день!

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

Рабочий пример: https://codesandbox.io/s/rrjvjy5qp4

Answer 1

[Антон Спирин]

Решение: вешать ref на input поле

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

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

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