Публикации по теме 'react-hook-form'
YUP?.. Нет, [Валидатор] 2022 — твой год!
Это был дождливый летний день в июне 2022 года, когда я понял, как указал мой коллега, что Yup добавляет весь Lodash в кодовую базу при установке npm. Меня это очень удивило, потому что Yup кажется стандартом для проверки формы. Что неудивительно, есть замена под названием Nope Validator с почти идентичным API, но размером микро. Вот параллельное сравнение двух библиотек на bundlephobia.com, я собираюсь включить скриншоты для исторических целей.
Вы можете найти каждую библиотеку..
Управление формами с помощью React Hook Form
Работа с формами в React, как известно, сложна, особенно когда задействованы динамические поля. Существует ряд библиотек, которые упрощают весь процесс. Одна из таких библиотек - React Hook Form . Вместо набора компонентов формы React Hook Form, как следует из названия, предоставляет различные хуки, которые помогают контролировать поведение формы, оставляя детали реализации отдельных компонентов пользователю. Этот подход имеет несколько преимуществ, в основном то, что пользователи не..
Вопросы по теме 'react-hook-form'
React-hooks-form - итерация по массиву полей, где одно из полей задается с помощью useState
Я пытаюсь использовать React-hooks-form для создания многоступенчатой формы, в которой на одном из шагов есть меню выбора, которое запрашивает выбор, и два других текстовых поля.
Шаг в большей форме имеет:
import React, { useState, useEffect...
4828 просмотров
schedule
20.04.2022
useForm вызывается в функции, которая не является ошибкой компонента функции React
следующий код совершает странную ошибку.
/src/components/competitions/TheVaultform.js Строка 5: React Hook «useForm» вызывается в функции «contactform», которая не является ни компонентом функции React, ни пользовательской функцией React Hook....
1171 просмотров
schedule
10.12.2021
удалить требуемую проверку в поле ввода (если я ввел текст в другое поле ввода)
удалить требуемую проверку в поле ввода (если я ввел какой-то текст в другое поле ввода). Я создал поля ввода (два поля ввода) из json. Изначально оба требуются. Но если пользователь вводит «привет» в первое поле, я хочу удалить обязательные...
249 просмотров
schedule
16.07.2023
почему обязательная проверка не работает в средстве выбора даты?
когда я нажимаю кнопку отправки. не отображается Обязательная ошибка, поскольку это обязательное поле. вот мой код. Я уже зарегистрировался с обязательным и также пытался использовать правило, но все еще не получил требуемую проверку...
107 просмотров
schedule
05.03.2024
Правильный способ использования формы response-hook с typescript и material-ui для отображения сообщения об ошибке
Я использую форму реакции-крючка с машинописным текстом и пользовательским интерфейсом материала. Я хотел передать сообщение об ошибке как helperText на TextField . Я пытался сделать это с помощью helperText={errors.email?.message} , но...
2041 просмотров
schedule
10.05.2023
Форма реакции: цикл через event.target для создания объекта
Мне нужно отправить довольно длинную форму, и я хотел бы создать объект , содержащий имя ввода в качестве ключа и значение ввода в качестве значения. Я попытался перебрать event.target и event.target.elements , как показано ниже:...
1783 просмотров
schedule
20.08.2022
Проверка формы и сообщения об ошибках не работают
В настоящее время я работаю над несколькими формами для приложения и решил использовать Material UI и React Hook Forms для их создания. Основные функции работают, а это значит, что я могу продолжить, только когда все необходимые данные заполнены...
453 просмотров
schedule
25.06.2022
почему первая буква мертва при вводе формы реакции-хука
Мне нужна помощь, чтобы понять, почему первая буква в простом компоненте ввода не зарегистрирована.
Я создал простой контролируемый ввод из примеров, но он не работает должным образом.
я создал для вас пример...
1132 просмотров
schedule
28.10.2022
Как установить условное значение по умолчанию для KeyboardDatePicker с помощью формы реагирования?
У меня есть форма, которая содержит KeyboardDatePicker из material UI , и я хочу, чтобы она имела пустое строковое значение ( "" ) в качестве значения по умолчанию, когда значение не передается в хук useForm для этого поля.
Вот моя реализация...
5055 просмотров
schedule
14.09.2022
KendoReact и React-Hook-форма
У меня проблемы с использованием компонентов KendoReact с react-hook-form :
<Controller
as={Input}
name="firstName"
control={control}
defaultValue="type something here"
/>
Образец Stackblitz здесь
образец формы...
435 просмотров
schedule
25.09.2022
React-Hook-Form useFieldArray в React Native
Я пытаюсь использовать динамические поля с формой реакции-крючка в реагирующем родном. Сначала я пытался все вручную зарегистрировать, но это не сработало. Затем я попытался использовать ловушку useFieldArray, но все вновь созданные поля не...
1288 просмотров
schedule
11.11.2022
Неверное состояние текстового поля Material-UI после неконтролируемого изменения значения с помощью формы response-hook
У меня есть элемент TextField Material-UI, как показано ниже
<TextField
variant='outlined' fullWidth
name={'webhook'}
label={'Webhook URL'}
defaultValue={state.webhook}
error={errors.webhook !== undefined}...
179 просмотров
schedule
24.04.2022
Форма React Hook с MUI Toggle Group
Я пытаюсь использовать группу переключения MUI с формой React Hook, однако я не могу получить значение для публикации при отправке формы. Компонент моей группы переключения выглядит так:
import FormatAlignCenterIcon from...
723 просмотров
schedule
02.06.2023
проверка формы ответа-крючка перед отправкой
У меня есть форма (извините, она такая длинная), в которой пользователю очень просто ввести имя, адрес электронной почты, телефон и комментарии:
<form
className={classes.root}
data-testid="getting-started-form"...
6562 просмотров
schedule
11.11.2022
Значение реквизита не совпадает с отправленным в функции обратного вызова
У меня есть компонент реакции как:
const CustomDatePicker = ({ errors, id, name, control, rules, getValues, minDate, maxDate, placeholder, required, defaultValue, ...rest }) => {
console.log("required 1", name, required);...
75 просмотров
schedule
11.01.2023
React Hook Form требуется динамическая форма
Я пытаюсь создать форму с двумя полями, используя форму реагирования, где требуемое значение текстового поля зависит от значения раскрывающегося списка выбора.
Вот мой код:
const { handleSubmit, control, errors } = useForm();
const...
3377 просмотров
schedule
27.04.2022
React - Превышена максимальная глубина обновления / невозможно обновить компонент при рендеринге другого компонента
Я пробую useFormContext , чтобы отреагировать на обновление формы, добавив еще один раздел. Вот мой код: https://codesandbox.io/s/funny-swanson-fiomq
Имею следующее:
season_form.js - основная форма
season_data_form.js - подформа;...
398 просмотров
schedule
29.04.2023
Как скрыть / показать пароль с помощью Material UI и React Hook Forms
Извините за вопрос, может быть, это очень глупо, но я учусь и не могу его решить, я взял шаблон подписки из material-ui и решил выполнить валидацию с помощью форм реагирования, и все работает, но я хотел добавить функцию отображения или скрытия...
1450 просмотров
schedule
03.09.2022
Ошибка при настройке ввода в ReactJS, метка перезаписывает / перезаписывает значение набора ввода, используя material.ui
Добрый день, разработчики !!
У меня небольшая проблема, я использую responseJS, и я использую react-form-hook , в котором я использую TextField из Material-UI. Когда я заполняю ввод именем cep, он вызывает функцию, которая отправляет содержимое...
66 просмотров
schedule
03.04.2023
response-hook-form регистрирует только данные формы последнего шага в многоуровневой форме
Я создал многоуровневую форму, используя эту статью css-tricks.com , и я пытаюсь проверить форму с помощью react-hook-form , но react-hook-form видит только входные данные step3, и мне нужны все входные данные от step1 до step3, чтобы я мог...
110 просмотров
schedule
03.06.2022