Выбор ответа Junior Ref и DOM спрашивают часто обновлено
ref в своём компоненте в React 19
Вопрос
Как в React 19 передать ref из родителя в функциональный компонент TextInput, чтобы он попал на внутренний <input>?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Принять ref как обычный проп и повесить на <input. В React 19 функциональные компоненты получают ref как обычный проп, forwardRef больше не нужен (хотя продолжает работать).
Варианты ответа
- Только через
forwardRef, иначе ref не дойдёт - Принять
refкак обычный проп и повесить на<input>правильный ответ - Переименовать проп в
innerRef, словоrefзарезервировано - Сделать
TextInputклассовым компонентом
Разбор
В React 19 функциональные компоненты получают ref как обычный проп, forwardRef больше не нужен (хотя продолжает работать). Переименование в innerRef было обходным путём до React 19. Классовый компонент дал бы ref на сам экземпляр класса, а не на input.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.