Formik — это библиотека форм для React и React Native.

Подробнее про formik...

Контекст Я использую React, Formik и google-map-react, чтобы позволить владельцу магазина изменять адрес своего магазина с помощью автозаполнения на карте Google. У меня есть три компонента: EditStoreInfoPage — это компонент страницы, который содержит EditStoreInfoForm. EditStoreInfoForm — компонент...
3 Фев 2023 в 04:33
Привет, ребята, я хочу передать «ошибку», поступающую из бэкэнда nodejs, чтобы решить проблему, что даже если ошибка проходит, я все равно перехожу на страницу входа в систему, это мой код: import "./form_inscription.css"; import { useState } from "react"; import { useFormik } from "formik"; import ...
2 Фев 2023 в 21:50
Я создаю приложение React Native, использующее Formik. Когда я отправляю форму, я вызываю handleSubmit <Formik onSubmit={values => { handleSubmit(values) }}> Я определяю это перед return в моей форме: const handleSubmit = (values) => { const { status, data } = usePostRequest("/api/holida...
31 Янв 2023 в 19:13
Я хочу использовать форму Formik для редактирования записей данных, существующих в базе данных MySQL. Общая архитектура, которую я планировал, заключалась в том, что компонент будет извлекать данные из базы данных MySQL и передавать эти данные в качестве свойств массива дочернему компоненту, содерж...
31 Янв 2023 в 13:20
У меня есть компонент с реквизитами полей, и каждая карта реквизита отображается в Formik. Но реакция выдает ошибку. React выдает такую ​​ошибку: Предупреждение: у каждого ребенка в списке должна быть уникальная «ключевая» опора. Проверьте метод рендеринга FieldArrayInner. См. https://reactjs.org/l...
31 Янв 2023 в 09:00
Я пытаюсь использовать Formik для получения данных и создания объектов, которые имеют следующую структуру: { title: 'string', comments: [{ username: 'string', score: 0, comment: 'string'},], } Но я продолжаю сталкиваться с той же ошибкой при попытке отобразить компон...
29 Янв 2023 в 03:38
Я не могу проверить поле загрузки, если оно достигло необходимого количества фотографий. Вот форма: Форма Мне удалось проверить другое поле, но не это. Вот моя схема: export const basicSchema = yup.object().shape({ status: yup.string().required('Select damage/ issue'), photos: yup.array().of(...
24 Янв 2023 в 18:23
Учитывая следующую настройку проверки Yup, которая имеет вложенный Formik FieldArray: parentLevel: Yup.array().of( Yup.object({ childrenLevel: Yup.array().of( Yup.object({ childName: Yup.string().required('Name is required'), childAge: Yup.number().required('A...
24 Янв 2023 в 12:54
Я использую formik.resetForm() для удаления значений из текстовых полей в форме после отправки данных. ... const handleSubmitProduct = async (values: Object, resetForm: any) => { ... code to handle my form data ... resetForm() if (response.ok) { console.debug(response.status)...
24 Янв 2023 в 10:04
Я использую хук useFormik для управления формами. Я хочу удалить начальные и конечные пробелы с помощью регулярного выражения. Есть ли способ, которым я могу вызвать пользовательскую функцию в обработчике onchange formik, чтобы удалить лишние пробелы. Вот функция, которую я хочу вызвать в обработч...
23 Янв 2023 в 21:58
Я пытаюсь динамически удалить поле ввода после нажатия кнопки, а также удалить ключ с его значением из Formik. Я использую хук useFormik для реализации. Проблема в том, что когда я нажимаю кнопку, чтобы удалить поле ввода, оно удаляется, но ключ и значение остаются в useFormik. Когда я снова нажи...
18 Янв 2023 в 14:44
Я использую react-data-table-component внутри формы formik для обновления новых значений. Но проблема заключается в том, что всякий раз, когда компонент MyTable повторно отображается, вызывается обратный вызов selectableRowSelected(), который запускает событие onSelectedRowsChange, в котором я испо...
17 Янв 2023 в 10:18
Это мой родительский компонент <FormContainer initialFieldValues={id != undefined ? cvRecord : cvFormFields} formData={getFieldsByCategory(cvFormFields, selectOption.type)} formValidation={cvFormFields} // onFormSubmit={onFormSubmit} > ...
16 Янв 2023 в 13:10
Я впервые использую Formik, и я пытаюсь использовать его для проверки формы регистрации пользователя. Вот мой код: interface Props { } export interface RegisterData { name: string; email: string; password: string; status?: boolean } const validationSchema: SchemaOf<RegisterData> =...
16 Янв 2023 в 11:39
Привет, я работаю над реактивным проектом и в настоящее время обрабатываю процесс аутентификации, и я использую материальный пользовательский интерфейс и formik для проверки и обработки изменений ввода, но проблема здесь в том, что мой обработчик onchange formik в моем TEXTFIELD не работает, почему?...
16 Янв 2023 в 02:27
У меня есть фрагмент кода, в котором Formik используется в приложении #React с проверкой #Typescript и Yup. Проблема, с которой я сталкиваюсь, заключается в том, что при установке значений в элементе Select он вообще не меняет значение или, возможно, сразу сбрасывает значение до начального значения...
13 Янв 2023 в 14:41
У меня проблема в том, что производительность моего формика очень низкая, если есть несколько полей, он работает относительно медленно с 4 полями, но это было приемлемо, но поскольку у нас 12, он работает определенно слишком медленно. Отметка флажка занимает примерно 3-4 секунды. Дело в том, что к...
11 Янв 2023 в 13:56
Где бы я ни использовал console.log() в formik для получения данных от клиента, он ничего не показывает в консоли в любое время. Это моя схема формы const formSchema = yup.object({ title: yup.string().required().min(3).max(50), image: yup.string().required(), homeType: yup.string().requi...
9 Янв 2023 в 15:40
Я пытаюсь создать динамическую форму, в которой пользователь хочет добавить дополнительный раздел на свои страницы. Например, если они хотят добавить раздел «Наша команда», я пытаюсь отобразить массив вложенных объектов, но я немного запутался, поскольку у каждого члена команды также может быть изо...
7 Янв 2023 в 06:55
Мой полный код https://codesandbox.io/s/testproducr02-bg7exz?file=/ index.tsx const [sum, setSum] = useState(0); const [qty, setQty] = useState(0); useEffect(() => { const sum = values.product.reduce((acc, item) => acc + item.qty * 1, 0); //error values is not defined setSum(sum); }); ...
4 Янв 2023 в 12:19
Мой полный код https://codesandbox.io/s/test-product-w7v9c2?file=/index.tsx let amt :number[]=[] const [sum, setSum] = useState(0); const [amount, setAmount] = useState(0); <Formik initialValues={initialValues} onSubmit={async (values) => { await new Promise((r) => setTime...
3 Янв 2023 в 10:28
Я использую yub с formik и typescript в реакции, когда я пытаюсь использовать yub, возникает эта ошибка, вы можете решить эту ошибку...
2 Янв 2023 в 21:07
<TextField label="Password" type="password" onBlur={handleBlur} onChange={handleChange} value={values.password} name="password" error={Boolean(touched.password) && Boolean(errors.password)} ...
30 Дек 2022 в 13:20
Я пытаюсь предварительно заполнить Formik данными JSON. Данные отображаются нормально, и они возвращаются. У меня две проблемы. Я использую ASP.NET Core в качестве серверной части. Должен ли я использовать значения или начальные значения в качестве переменной? Когда я использую initialValues, я ...
28 Дек 2022 в 19:39
Я пытаюсь получить данные, связанные с конкретным идентификатором, из бэкэнда, а не всей базы данных, а затем сравниваю идентификатор. я передаю идентификатор, используя параметр состояния. Я новичок в реагировании, поэтому будет полезно объяснить как можно проще. Это мой сервис для получения данн...
28 Дек 2022 в 15:44