Публикации по теме 'formik'
Понимание хуков Formik с прецедентом (сложным)
Я работал над типичной общей проблемой, которой стоит поделиться. Я уверен, что если вы работаете над формами с помощью Formik, вы обязательно столкнетесь с этой проблемой. В этой статье я делюсь через хуки Formik. Так я познакомился с крючками Formik , они потрясающие :-)
Постановка задачи
Поскольку схема говорит сама за себя. Я хотел бы объяснить, если вы не понимаете. Учитывая вашего менеджера / дизайнера или кого-либо, кто попросит вас создать форму с каким-либо дизайном,..
Вопросы по теме 'formik'
Проверка с помощью Yup для проверки длины строки или числа
Есть ли функция, которая проверяет определенную длину?
Я пробовал .min(5) и .max(5) , но мне нужно что-то, что гарантирует, что номер будет ровно 5 символов (например, почтовый индекс).
68407 просмотров
schedule
20.01.2023
Formik & yup проверка формы не работает должным образом с VirtualizedSelect
Я создал форму с помощью formik для проверки формы. Я использовал компоненты Formik, Form, Field form form и настроил их:
import { Formik, Form, Field } from "formik";
import { object, string } from "yup";
import isEmpty from...
32208 просмотров
schedule
19.04.2022
поле обязательно на основе значения другого поля - formik, yup
У меня есть форма реакции, где есть поле выбора, скажем, у поля есть значения A, B, C, D, E, F.
теперь скажем, другое поле, ChooseSubType, отображается только в том случае, если я выберу B или D, и это поле будет обязательным только тогда, когда...
3233 просмотров
schedule
31.01.2023
Как запустить setSubmitting() вне обработчика отправки?
Я пытаюсь реализовать подход, описанный на https://www.youtube.com/watch?v=5gl3cCB_26M , где все действия Redux являются простыми объектами (какими они и должны были быть), а вызовы API выполняются промежуточным программным обеспечением.
При этом...
9908 просмотров
schedule
31.07.2023
Не проверять нетронутые поля в Formik и Yup при отправке, если поле не пустое
У меня есть эта схема проверки для формы, созданной с использованием withFormik() , используемого в моем приложении React. Здесь validateJql() - моя настраиваемая функция проверки для yup
validationSchema: Yup.object().shape({...
4616 просмотров
schedule
16.03.2022
Не удается загрузить файл с помощью graphql-upload и formik
Я пытаюсь загрузить изображение с помощью React-dropzone через Formik.
Когда я отправляю это изображение, я использую его для предварительного просмотра на img html, который работает Отлично.
Когда я нажимаю кнопку «Отправить», отправляется...
1120 просмотров
schedule
11.06.2024
Как сбросить datepicker antd после отправки значения?
здесь я привожу свой пример работы с codeandbox. Как сбросить значение datepicker после отправки формы?
state = {
setFieldValue: ''
}
onChange = (setFieldValue) => {
this.setState({ setFieldValue: null })
}...
6971 просмотров
schedule
14.01.2024
проверка, происходящая перед onSubmit при интеграции formik-material-ui для стиля material-ui
Я хочу добавить material-ui в свое приложение formik. Я использую библиотеку formik-material-ui ( https://github.com/stackworx/formik-material-ui ) для этого. Однако, когда я вставляю компоненты текстового поля material-ui в поля, перед отправкой...
317 просмотров
schedule
16.09.2022
Выпадающий список и значение не обновляются в Formik + React Form
Ниже приведены проблемы, с которыми я сталкиваюсь с моим кодом.
Раскрывающийся список товаров инициализирован неправильно - я ожидаю, что commodity 2 будет доступен во время загрузки, но это занимает commodity 1 РЕЗУЛЬТАТ ....
5306 просмотров
schedule
21.12.2022
Проверка поля Formik с помощью Yup
Я просматривал документы , и вы можете проверить Field , передав validate to Field , который является функцией.
e.g.
const validate = value => {
let errorMessage;
if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(value)) {...
344 просмотров
schedule
31.05.2022
Проблема со значениями Formik
Обсуждение этой проблемы на GitHub - https://github.com/jaredpalmer/formik/issues/529
Я передал значения formik функции, которая вызывается в <Field/> onChange, но когда я набираю <Field/> , последний символ не попадает в...
20964 просмотров
schedule
28.05.2023
Formik, кнопка создания многоступенчатой формы отключена
У меня есть Формик с многоступенчатой формой. Каждый шаг - это компонент, который пользователь должен заполнить. Компоненты отрисовываются в зависимости от состояния activeStep. Если пользователь не заполнил формы, он не может перейти к...
4246 просмотров
schedule
07.08.2022
Как получить доступ к реквизитам формы Formik с помощью Cypress в Reactjs
У меня есть многостраничная форма Formik , которую я хочу протестировать с помощью cypress в моем приложении ReactJ. Я хочу убедиться, что все поля заполнены правильно, когда пользователь отправляет форму на последней странице.
Я попытался...
883 просмотров
schedule
28.11.2022
Как я могу получить выбранную дату в response-datepicker с формой formik?
Я использую Formik и в нем response-datepicker. Когда я выбираю дату и нажимаю отправить форму, она показывает "startDate": '' , а когда я меняю initialValues={{ startDate: '' }} на initialValues={{ startDate: this.state.startDate }} ,...
1295 просмотров
schedule
24.04.2023
Модульное тестирование текстового поля с использованием Formik с Jest / Enzyme
Я полностью потерялся с модульным тестированием изменения в текстовом поле. Я использую фермент jest + для изменения текстового поля, но значение policyEffectiveField.props (). Всегда равно нулю.
Я пытался смоделировать, но с помощью «изменить» и...
1122 просмотров
schedule
08.06.2024
Как реализовать SetFieldValue моего пользовательского компонента карты Google с помощью Formik
Я новичок и реагирую на формик. Как мне реализовать setfieldvalue в моем пользовательском компоненте (Выбор местоположения)?
То, что я пробовал до сих пор, запускает setfieldvalue в функции onDragEnd
Вот демонстрация, над которой я работал до...
341 просмотров
schedule
18.02.2024
Оберните React-Bootstrap Scrollable Modal в Formik Form
Я оборачиваю React-Bootstrap с прокруткой Modal в Formik Form , чтобы кнопки в Modal.Footer отправляли форму. Однако, когда я помещаю Modal.Body и Modal.Footer в элемент Form , он останавливает прокрутку содержимого. Есть идеи, как...
1356 просмотров
schedule
04.03.2022
React - Formik - Field Arrays - реализация повторяющихся полей формы
Я пытаюсь следовать документации Formik по использованию FieldArrays , чтобы добавить повторяемую форму элементы моей формы.
Я также видел этот средний пост излагаю пример.
Я медленно учусь и не могу объединить точки между документацией и...
2347 просмотров
schedule
08.12.2021
React-select, когда Formik не обновляет поле выбора, но делает все остальное
React-Select с Formik не загружает выбранное значение в выбранном компоненте, но я могу получать значения при отправке формы, а проверка также работает с Yup
Вот демонстрация codeandbox для того же - https://codesandbox.io/s/wild-violet-fr9re...
8357 просмотров
schedule
15.01.2024
Formik onSubmit не зарегистрирован в модале
Я пытаюсь сделать formik внутри самого Modal, однако кнопка onSubmit не зарегистрирована. Функция оповещения alert («тест»); должен появиться. Нужно ли мне вводить событие onChange в div телефона?
.
.
<Modal
show={this.state.testing}...
370 просмотров
schedule
28.07.2023
