Публикации по теме 'react-hook-form'
Использование формы React Hook с компонентами Material-UI
Лучший способ обработки данных вашей формы при использовании Material-UI
В предыдущей статье я показал вам, как создать базовую страницу регистрации с помощью React и Material-UI. В этой статье мы использовали управляемые компоненты и ловушку useState для отслеживания входных значений формы. Вы можете ознакомиться с этой статьей ниже.
Создайте страницу регистрации с помощью React и Material-UI Узнайте, как создать диалоговое окно и форму для..
Вопросы по теме 'react-hook-form'
React-hook-form условная проверка текстового поля в зависимости от того, установлен ли другой флажок?
Я пытаюсь добавить правило проверки в текстовое поле, где, если установлен отдельный флажок в форме, поле должно быть непустой строкой для отправки формы.
Вот ссылка на то, что у меня есть: https://codesandbox.io/s/magical-hypatia-n7o5w
Мне...
3767 просмотров
schedule
26.03.2023
response-hook-form material-ui Отправка формы работает только один раз
Я использую форму реакции-крючка с пользовательским интерфейсом материала. Я обертываю форму и компонент ввода своим настраиваемым компонентом. Проверка в этой форме работает только один раз. В следующий раз эта форма не отвечает, ни отправка не...
212 просмотров
schedule
05.03.2022
Как использовать реагирующую форму внутри Ionic Modal?
Я пытаюсь использовать react-hook-form с моим приложением Ionic React. Я использую эту простую форму:
const Form: React.FC<{ color: string }> = ({ color }) => {
const { handleSubmit, register } = useForm();
const onSubmit = (data:...
1147 просмотров
schedule
12.11.2022
Несогласованность типов между функцией register () формы react-hook-form и собственными типами ввода
Я работаю над проектом React с использованием TypeScript и response-hook-form . В некоторых местах я использую данную функцию register () , которую нужно использовать таким образом (согласно официальной документации):
<input
name="test"...
864 просмотров
schedule
23.11.2022
Отправить данные формы в ответ
У меня есть компоненты, в каждом из которых у меня есть одна форма, при нажатии на которую я открываю новую форму (вызывая новый компонент), и когда она последняя, я меняю ее для отправки.
Чего я хочу достичь
1: при каждом следующем и...
736 просмотров
schedule
14.12.2022
React-hook-form при отправке и проблеме useState
Эй, так что я столкнулся с этой странной проблемой при использовании формы реакции-хука.
Это суть моего кода
const [error, setError] = useState(true)
const onSubmit = values => {
setError(false)
console.log(error) // true on first...
1208 просмотров
schedule
09.01.2023
Как сделать обязательным автозаполнение поля материала UI?
Я пробовал несколько способов сделать поле автозаполнения пользовательского интерфейса материала требуемого типа, но я не получаю желаемого поведения. Я инкапсулировал свое поле внутри формы хука реакции <Controller/> , но безуспешно. Я хочу...
3382 просмотров
schedule
31.01.2023
Различные входы с общим именем в форме React Hook
Снимок экрана ниже содержит список элементов и страницу для выбранного элемента.
Когда я нажимаю на любой элемент в Списке , Страница обновляется.
Объект состоит из идентификатора, полного имени и имени пользователя.
Внутри страницы...
84 просмотров
schedule
30.12.2022
DraftJS React-Hook-Form - отправка редактора в качестве входных данных
Я работаю с response-hook-form, и я хочу передать текстовый редактор в качестве ввода. Я включил компонент RichText ниже, который является стандартной реализацией Draft-js, но когда я нажимаю кнопку «Отправить», я получаю draft: undefined вместо...
2110 просмотров
schedule
14.04.2022
Как использовать React Hook Form с Typescript (входной компонент)
Компонент не имеет ошибок, но в индексном файле, где я фактически вызываю компонент ввода, есть ошибка, потому что он не может использовать register = {register}.
Чего не хватает? Или что не так?...
4895 просмотров
schedule
17.02.2023
Как зарегистрировать компонент 'react-bootstrap-typeahead' с помощью хука React 'useForm'?
Я создаю простую html-форму, используя библиотеку response-hook-form : https://react-hook-form.com/
Я включил response-bootstrap-typeahead в html-форму, но не смог зарегистрировать этот компонент с помощью ловушки useForm. Следовательно,...
559 просмотров
schedule
21.10.2022
форма-крючок-реакция и пользовательский интерфейс материала FormControl
Итак, я пытаюсь зарегистрировать некоторые переключатели для своей формы, но она не регистрируется.
<FormControl component="fieldset" inputRef={register({ required: true })}>
<FormLabel...
5254 просмотров
schedule
24.09.2022
React Hook Form onChange Select Materialui
Любая помощь / указатели приветствуются
Я пытаюсь выяснить событие onChange с помощью контроллера формы реагирования на крючок для выбора материала, но я не могу понять, как вызвать событие, когда выберите изменения для вызова события handleChange....
6109 просмотров
schedule
18.03.2022
Предупреждать пользователя перед тем, как покинуть страницу после ввода некоторых данных (особенно в ReactJS)
Я создаю страницу, на которой пользователю необходимо ввести данные, чтобы добавить продукт в список продуктов. Если пользователь случайно уходит с этой страницы после ввода некоторых данных в форму, перед уходом от пользователя должно быть...
1001 просмотров
schedule
29.04.2023
Поле формы реакции-крючка обновляется после отправки
Я отправляю свое поле формы реакции-крючка другому функциональному компоненту в качестве дочернего элемента. После нажатия кнопки «Отправить» поле обновляется, а введенное значение удаляется. В чем проблема?
здесь
Мой файл App.js :
import...
1335 просмотров
schedule
10.07.2022
Поддержка обратного вызова для изменения другого значения поля при использовании проверки формы React Hook
TL;DR
Это работает: https://codesandbox.io/s/stoic-beaver-ucydi
После рефакторинга с помощью React Hook Form это не работает: https://codesandbox.io/s/objective-cloud-bkunr?file=/src/ControlledTextField.tsx
Длинная история
Без формы...
2670 просмотров
schedule
18.04.2023
Material-UI TextField не обновляет значение при использовании setValue формы реакции-крючка
Я пытаюсь установить новое значение, которое я получаю от реквизита, а затем обновляю компонент TextField с помощью setValue библиотеки response-hook-form.
Проблема в том, что значение иногда остается пустым, а иногда метка не плавает (сжимается)....
864 просмотров
schedule
17.04.2022
React-hook-form с material-ui не показывает ошибок из правил
Я новичок в использовании формы реакции-крючка, и после многих исследований я все еще не могу понять, что я делаю неправильно. Я сделал песочницу, в которой у меня есть простой входной номер.
Как я хочу, чтобы моя форма вела себя: я хочу, чтобы...
167 просмотров
schedule
27.05.2022
Проверка формы хуков React с помощью Material-UI
У меня есть проект Next.js с Material-UI в качестве UI-фреймворка.
Я выполняю валидацию с помощью формы хуков React.
Мой основной компонент имеет форму, и у меня есть дочерние компоненты для разных полей ввода.
Мой компонент формы показан ниже:...
695 просмотров
schedule
16.05.2022
React - Моя форма отправляет пустые данные, потому что 'e' и 'data' объявлены, но никогда не используются?
Я пытаюсь реализовать форму с помощью response-hook-form . Я не могу правильно подключить данные и событие. Как указано в документации, я использую функцию handleSubmit из библиотеки response-hook-form с моим настраиваемым сообщением Axios в...
323 просмотров
schedule
01.08.2022