Как бы ты оптимизировал повторяющийся код обработчиков onChange для полей email и пароля?

Чтобы оптимизировать повторяющийся код обработчиков onChange для email и пароля, можно создать универсальную функцию-обработчик, которая будет принимать имя поля и обновлять состояние динамически.

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

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

Чтобы оптимизировать повторяющийся код обработчиков onChange для email и пароля, можно создать универсальную функцию-обработчик, которая будет принимать имя поля и обновлять состояние динамически.

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

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

Чтобы оптимизировать повторяющийся код обработчиков onChange для email и пароля, можно создать универсальную функцию-обработчик, которая будет принимать имя поля и обновлять состояние динамически.

Пример на React:

const [form, setForm] = React.useState({ email: '', password: '' });

const handleChange = (e) => {
  const { name, value } = e.target;
  setForm(prev => ({ ...prev, [name]: value }));
};

// В JSX
<input name="email" value={form.email} onChange={handleChange} />
<input name="password" value={form.password} onChange={handleChange} />

Такой подход избавляет от дублирования кода и упрощает поддержку.

Практика в реальном времени

Подготовьтесь к следующему собеседованию

Interview Boost учитывает вакансию, резюме и технологии и помогает сформулировать ответ прямо во время интервью.

Начать подготовку