Как получить введённое значение из InputDigit

Сделайте компонент управляемым: родитель хранит value, а InputDigit получает value и onChange. Тогда обработчик родителя может логировать или отправлять актуальное значение.

Короткий ответ

Что ответить на собеседовании

Сделайте компонент управляемым: родитель хранит value, а InputDigit получает value и onChange. Тогда обработчик родителя может логировать или отправлять актуальное значение.

Подробный разбор

Ответ с пояснениями

Условие

React-компонент InputDigit хранит число только в собственном state. Родитель должен показывать это число и отправлять форму. Как открыть доступ без чтения DOM?

Ответ

Сделайте компонент управляемым: родитель хранит value, а InputDigit получает value и onChange. Тогда обработчик родителя может логировать или отправлять актуальное значение.

Пусть InputDigit вызывает onChange(event.target.value) на вводе, а родитель выполняет setValue(next). Строковое представление удобно для промежуточного пустого поля; преобразование в число и валидацию делайте отдельно. Не логируйте чувствительные данные реальной формы. Ref с императивным методом нужен для специальных действий вроде focus, но обычно не для синхронизации значений.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее