Не работает компонент Input в React из-за useForm
212
17 апреля 2022, 07:30
Всем привет! Когда заполняю данные формы, без компонента Input, то всё работает отлично. Вот пример кода где всё работает:
Но после того как я сделал из input компонент и вставляю его в разметку, то у меня данные формы поля email становятся undefined
Сам Input компонент в других местах кода работает нормально
Я предполагаю что это из-за функции register от хука useForm что я передаю в компонент Input в ref. А как можно её перенести в Input не знаю, простой передачей ref не работает
целый модуль:
Answer 1
ref нельзя просто так передавать в функциональный компонент, для этого нужно его завернуть в функцию React.forwardRef
import React, { memo } from "react";
const Input = React.forwardRef(({ type, id, checked, onChange, name },ref) => {
return <input
type={type}
id={id}
checked={checked}
onChange={onChange}
name={name}
ref={ref} />;
});
export default memo(Input);
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50024 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31914 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25982 visits
- Как через css изменить цвет png изображения? 11734 visits
- Blob video url download 11283 visits
- Php curl запрос через прокси с авторизацией 10685 visits
- Работа с captcha vk api 9483 visits
![Если "тянуть" draggable элемент за край, то событие применятся сразу ко всем элементам](https://hostciti.net/images/nophoto.png "Если "тянуть" draggable элемент за край, то событие применятся сразу ко всем элементам")
© "hostciti.net" 26.1.2026 | 10:48