Какие самые частые проблемы с формами в React

1. **Неуправляемые инпуты** – отсутствие `value` и `onChange` приводит к невозможности контролировать состояние. ```jsx // Плохо // Хорошо setValue(e.target.value)} /> ``` 2. **Отсутствие `key` для динамических полей** – React не может корректно обновлять список полей, что приводит к багам. ```jsx {fields.map((field, index) => ( ))} ``` 3. **Проблемы с сабмитом** – забывают `e.preventDefault()`, что вызывает перезагрузку страницы. ```jsx const handleSubmit = (e) => { e.preventDefault(); // Логика отправки }; ``` 4. **Некорректная валидация** – отсутствие проверок перед отправкой или несинхронизированное состояние ошибок. 5. **Перформанс** – частые ререндеры из-за инлайновых колбэков или неправильного подъёма состояния. 6. **Много полей – много стейтов** – лучше использовать `useReducer` или библиотеки типа Formik/React Hook Form.