Публикации по теме 'formik'
Проверка Formik на уровне поля
Недавно я перешел с Redux-Form на Formik , в основном из-за проблем с производительностью. Что мне понравилось в валидации на уровне поля в редукционной форме, так это составная валидация на уровне поля, которую можно передать массиву функций валидации.
В редукционной форме вы можете сделать что-то вроде этого. Библиотека будет запускать все функции проверки одну за другой, если предыдущая функция прошла успешно, в противном случае произойдет первая ошибка проверки.
<Field..
Вопросы по теме 'formik'
Как подключить простую форму Formik к хранилищу Redux и отправить действие?
Я новичок в react / redux, но могу реализовать простую форму addProduct для своего приложения. Сегодня я попытался заменить его на Formik из этого Базовая демонстрация , но я не могу понять, где мне разместить функцию" отправки "(я пробовал ее...
16969 просмотров
schedule
29.08.2023
Поле выбора Formik не обновляет поле при отправке формы
Я использую Formik с React для обработки форм своего веб-приложения.
Когда я пытаюсь отправить любую форму с полем, она не включает правильное выбранное значение для этого поля, она принимает значение по умолчанию.
В приведенном ниже случае...
4091 просмотров
schedule
25.08.2022
Как использовать formik вместе с компонентом реакции с отслеживанием состояния
Я только начал изучать reactjs. Я наткнулся на formik и yup при поиске проверки формы. Большинство примеров, которые я рассмотрел до сих пор, относятся к компонентам без сохранения состояния. Итак, я хотел бы знать, как я могу использовать formik и...
3013 просмотров
schedule
25.08.2023
Formik не обнаружил ошибок проверки Yup в массиве объектов
formik v1.5.2, yup v0.27.0, react v16.8.6
Я не могу заставить валидацию Yup работать в Formik с массивом объектов. Код находится в кодовом поле https://codesandbox.io/s/kw1r49v25o?fontsize=14
Начальные значения:
const INITIAL_VALUES =...
4068 просмотров
schedule
18.01.2024
React-datepicker с формой Formik
Я пытаюсь использовать response-datepicker в форме Formik.
У меня есть:
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
class Fuate extends React.Component {
state = {
dueDate: new...
38559 просмотров
schedule
18.01.2024
Функция handleSubmit не запускается с использованием Formik
Я использую Formik + Yup для создания формы, но не могу решить основную проблему, мне кажется, что я упускаю что-то очевидное. Моя функция handleSubmit не срабатывает при нажатии кнопки - даже что-то простое, например, журнал консоли. Если я добавлю...
554 просмотров
schedule
06.11.2022
Formik - как получить доступ к сообщению об ошибке внутри массива с помощью проверки Yup?
Я создаю форму с проверками, используя Formik и Yup, отправляя конкретные сообщения об ошибках в недостающие поля. Одно из полей (вопрос) - это массив объектов, и я не могу найти способ получить доступ к каждому отдельному сообщению об ошибке.
Я...
1674 просмотров
schedule
24.06.2023
поля formik не получают значения
Я использую Formik в своем проекте React и redux, но поля Formik не получают значения, а функция поля onChange не работает! эта форма предназначена для редактирования клиента. Я использую Formik в другой части проекта, и у меня нет проблем. Я не...
692 просмотров
schedule
05.01.2023
Требуется помощь по схеме проверки
const ValidationSchema = Yup.object().shape({
name: Yup.string()
.min(2, 'String too short!')
.max(50, 'String too long!')
.required('Field is required!')
.lowercase(),
phases: Yup.array().of(
Yup.object().shape({...
53 просмотров
schedule
17.03.2022
Nodemailer / Express не отправляет POST с Formik
Я пытаюсь настроить контактную форму с помощью Nodemailer, Express и Formik. Я использую React для интерфейса. У меня возникают проблемы с отправкой информации формы по электронной почте при нажатии кнопки отправки.
Я использую электронную почту...
609 просмотров
schedule
05.10.2023
Проверка адреса электронной почты через запятую с использованием Yup
Я пытаюсь написать схему проверки в Yup для адресов электронной почты, разделенных запятыми.
Пока что я создал настраиваемую функцию проверки и добавил ее в свою схему. Он помещает пользовательский ввод, разделенный запятыми, в массив ... я хочу...
7826 просмотров
schedule
19.09.2022
перенаправить в формик с тупой реакцией?
Я играю с formik и yup в реакции, и мне было интересно, как лучше всего сделать перенаправление после успешного запроса?
Я попытался передать объект истории, но это дало мне ошибку, говоря, что он глобальный:
const SignUp = withFormik({...
3199 просмотров
schedule
31.03.2024
Очистить поле Formik с начальным значением React
CodeSandbox:
https://codesandbox.io/s/kind-fire-q4o45
Вопрос:
Нажмите на кнопку сброса и очистите поле со значением «начальное значение».
Попытки:
Слишком много вариантов сброса формы через:
resetForm()...
3965 просмотров
schedule
06.04.2023
Проверка формы UI материала ReactJS с помощью formik
Я пытаюсь реализовать проверку поля номера телефона с помощью reactjs material ui и formik
Я прочитал об этом огромную статью, но не смог реализовать это по-своему.
Я отправляю воспроизводимый код моего компонента здесь:
import React...
677 просмотров
schedule
19.03.2023
Как мне подтвердить номер телефона-ui-материала с помощью Yup?
Я использую material-ui-phone-number для поля ввода в форме. Я хочу подтвердить номер телефона с помощью Ага. Независимо от того, что я ввожу в поле, оно говорит, что номер телефона не введен. Я проверяю правильность строки, которая должна быть...
2989 просмотров
schedule
10.03.2022
Обновление текстового поля Material-UI на Blur с помощью Formik (React)
В настоящее время я визуализирую редактируемую таблицу, которая позволяет пользователю одновременно массово редактировать информацию нескольких пользователей (см. Изображение). Я использую <TextField/> и Formik в Material-UI для обработки...
2622 просмотров
schedule
18.04.2023
Загрузка файлов в React с помощью react-dropzone и formik
У меня есть два компонента, первый - это форма Formik:
<Formik
initialValues={{files: []}}
onSubmit={values => {
console.log(values)}}>
{props => (
<form onSubmit={props.handleSubmit}>...
5142 просмотров
schedule
16.04.2022
реагировать на проверку формы таблицы материалов в пользовательском компоненте редактирования
Я использую таблицу реагентов. Я пытаюсь проверить правку строки.
Для колонки "родной" материал все работает нормально. Но мне пришлось использовать настраиваемый компонент editComponent для одного столбца, отображающего автозаполнение.
{...
2201 просмотров
schedule
02.05.2022
Как предотвратить повторную отрисовку родительского компонента, когда дочерний компонент вызывает изменение состояния на родительский
Я использую реакцию для своего интерфейса. У меня есть форма регистрации, в которой используется форма, в которой есть следующие поля - имя, адрес электронной почты, мобильный телефон, изображение профиля. Моя фотография профиля - это функциональный...
1134 просмотров
schedule
24.09.2022
анимация флажка формы не работает, но форма работает
У меня странная проблема с React и Formik (2.1).
У меня есть группа флажков на моей странице, которые пользователь может установить или отключить.
Закулисная часть работает ... значения флажков, которые выбирает пользователь, отправляются в...
76 просмотров
schedule
14.01.2023