Возможная причина того, что после нажатия кнопки отправки формы происходит фокусировка на поле ввода, может быть связана с тем, что у кнопки имеется атрибут `type="submit"`, который по умолчанию вызывает отправку формы и сброс ее значений.
Одним из способов исправить код компонента App, чтобы функция `onEmailSubmit` вызывалась корректно при отправке формы, можно использовать метод `preventDefault()` в обработчике события отправки формы. Таким образом, можно предотвратить стандартное поведение формы и вызвать функцию `onEmailSubmit` вместо него.
Пример исправления кода компонента App может выглядеть следующим образом:
```javascript
import React, { useState } from 'react';
function App() {
const [email, setEmail] = useState('');
const handleChange = (event) => {
setEmail(event.target.value);
};
const onEmailSubmit = (event) => {
event.preventDefault(); // предотвращаем стандартное поведение формы
console.log('Отправка формы...', email);
// здесь можно выполнить необходимую логику для отправки формы
};
return (
<div>
<form onSubmit={onEmailSubmit}>
<input
type="text"
value={email}
onChange={handleChange}
/>
<button type="submit">Отправить</button>
</form>
</div>
);
}
export default App;
```
Теперь, при нажатии на кнопку "Отправить" функция `onEmailSubmit` будет вызываться независимо от значения в поле ввода, а метод `preventDefault()` предотвратит стандартное поведение формы.