В практическом задании реализуйте кастомный input: он должен принимать передаваемые данные через props и корректно отображать поле ввода.

Кастомный input должен явно принимать значение и обработчик изменения, передавая остальные поддерживаемые свойства нативному полю.

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

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

Кастомный input должен явно принимать значение и обработчик изменения, передавая остальные поддерживаемые свойства нативному полю.

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

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

Кастомный input должен явно принимать значение и обработчик изменения, передавая остальные поддерживаемые свойства нативному полю.

Например, controlled-компонент для React:

function TextInput({ value = '', onValueChange, ...props }) {
  return <input {...props} value={value}
    onChange={event => onValueChange?.(event.target.value)} />;
}

Родитель хранит значение и передаёт onValueChange. Сохраняйте id, name, disabled и связь с label. Это выбранный контракт примера; для другого framework или события его нужно согласовать отдельно.

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

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

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

Подробнее