Описание тега formik
Form library for React
4
ответа
Как оформить сообщения об ошибках, проверенные Yup в приложении React Formik?
Я строю форму в React, используя Formik и Yup. Я не уверен, как стилизовать динамические сообщения об ошибках, которые появляются для полей электронной почты и пароля. Ниже приведен пример кода: https://codesandbox.io/s/j3l5w70q9w Я хочу стилизовать…
14 ноя '18 в 08:30
1
ответ
Как проверить Формик Поля с Ферментом и Jest?
Я хочу проверить, если конкретные типы полей ввода отображаются, с помощью Enzyme. Я использую Formik, для моих форм. Но каждый раз, когда я пишу тест для этого конкретного случая использования, я получаю эту странную ошибку объекта от энзима. Expec…
13 фев '19 в 08:38
2
ответа
Ошибка: циклическая зависимость, узел был:"dateA"
Мне нужна информация о наилучшей реализации для такого сценария: у меня есть выбор и два выбора даты. Когда я выбираю из select (idRisk) параметр PRESENT, две даты должны быть обязательными. Если DateA предшествует DateB, то в форме я хочу показать …
21 фев '19 в 10:23
1
ответ
Сумка Formik Field пуста, когда вложена в сторонний компонент
Я использую Формик Field Компонент для визуализации ввода: <Formik initialValues={initialValues} onSubmit={onSubmit} render={formProps => ( <Form> <Field name="lastName" render={({ field, form }) => ( <input {...field} placehold…
24 янв '19 в 16:01
2
ответа
Невозможно загрузить файл с помощью graphql-upload и formik
Я пытаюсь загрузить изображение с помощью React-dropzone через Formik. Когда я отправляю это изображение, я использую его для предварительного просмотра в формате HTML IMG, который прекрасно работает. Когда я нажимаю на кнопку отправить, объект пред…
06 фев '19 в 15:39
3
ответа
Минутная дата Yup/Formik не включает текущую дату
У меня есть эта схема в Yup, которая устанавливает минимальное ограничение даты в поле даты: Yup.date() .required(strings.RequiredField(strings.Invoice_Label_DueDate)) .min(new Date(), "Date cannot be in the past") Но если я выберу текущую дату, она…
28 фев '19 в 02:47
1
ответ
response-redux connect with Formik - Превышен максимальный размер стека вызовов
Я получаю бесконечный цикл, когда я пытаюсь подключить свой компонент формы к RedEx. Было бы смешно, если бы это не расстраивало, потому что код работал раньше сегодня, а теперь не работает после того, как я вернул 1 коммит. Код был почти таким же, …
24 ноя '18 в 15:18
0
ответов
Formik формы и да, ошибка не обновляется после действия
<InputAutoSuggest name="name" suggestions={this.props.theatreSuggestions} onSuggestionsFetchRequested={this.props.onSuggestionsFetchRequested} onSuggestionsClearRequested={this.props.onSuggestionsClearRequested} getSuggestionValue={this.getSugges…
28 мар '18 в 12:32
2
ответа
Установить значение по умолчанию Field Array в Formik
Я использую Formik для создания моей формы. Моя форма имеет три области текста и 1 выпадающий список Для выбора выпадающего я использовал IssueSelect (как FieldArray в Формик). А также IssueSelectЯ использовал для создания и обновления формы. Мой ко…
24 окт '18 в 02:19
4
ответа
Как я могу использовать заполнитель с вводом числа в React?
У меня есть номер ввода в форме, как показано ниже: <input type="number" id="weight" onChange={this.handleChange} value={this.state.weight} placeholder="Enter weight…" /> Как можно отобразить фразу-заполнитель? Если я изначально установлен thi…
19 сен '18 в 15:53
4
ответа
Formik и Yup: TypeError: Невозможно прочитать свойство 'объект' из неопределенного
Я новичок в React и пробовал формик с yup для проверки. В настоящее время я получаю сообщение об ошибке ниже: TypeError: Невозможно прочитать свойство 'object' из неопределенного с этим кодом: validationSchema: Yup.object().shape({ firstName: Yup.st…
08 июн '18 в 05:20
13
ответов
Реагировать Formik использовать submitForm за пределами <Formik />
Текущее поведение <Formik isInitialValid initialValues={{ first_name: 'Test', email: 'test@mail.com' }} validate={validate} ref={node => (this.form = node)} onSubmitCallback={this.onSubmitCallback} render={formProps => { const fieldProps = …
28 мар '18 в 02:18
1
ответ
Как сохранить значение формы, установленное в коде
У меня есть веб-сайт, основанный на реакции, который по сути является пользовательским интерфейсом для аутентификации. Одной из наших форм является форма регистрации, в которую мы пытаемся добавить функциональность CAPTCHA. Теперь проблема в том, чт…
15 мар '18 в 17:37
1
ответ
Сброс заголовка типа реакции-бустрапа с помощью formik
Вместе с Formik я использую AsyncTypeahead из библиотеки activ-boostrap-typeahead. Обе замечательные маленькие библиотеки. Упрощенная версия моего кода выглядит следующим образом const SearchFilter = withFormik({ mapPropsToValues: (props) { office: …
05 июл '18 в 20:47
1
ответ
Отправить данные из нескольких вкладок, используя форму для редукса
У меня есть вкладка начальной загрузки с двумя вкладками. Обе вкладки содержат формы. У меня есть одна кнопка Сохранить в верхней части страницы. Я хочу отправить обе формы в бэкэнд, используя axios и redux-thunk при нажатии кнопки сохранения. Любые…
22 окт '18 в 07:05
2
ответа
Как обработать onChange и изменить фокус на новый <Field>?
Я использую Formik (с withFormik()) и хочу проверить <Field> когда пользователь вводит его - после того, как в нем есть 4 символа, я хочу сосредоточиться на следующем поле, чтобы они могли продолжать печатать, не переходя к следующему полю. Та…
01 ноя '18 в 04:56
1
ответ
Реагировать Сравнение функций компонентов
У меня есть форма, которая стала действительно интенсивной. Примерно 20 входов, которые включают в себя несколько сборщиков дат, API-адреса местоположений Google, значения правил и т. Д. Так как очень немногие из этих входов могут обновляться напрям…
11 сен '18 в 00:19
1
ответ
ReactJS | Компонент для получения реквизитов в виде постоянных или серверных значений с обещаниями
Я сделал небольшой компонент многократного использования Formik, Это довольно просто. Пример библиотеки послужит хорошей отправной точкой, поэтому я поделюсь им ниже, а также URL: Песочница для примера Formik import React from "react"; import { rend…
19 дек '18 в 19:01
0
ответов
Да циклическая проблема зависимости
Я пытаюсь проверить, что одно из трех полей значения начального состояния были изменены. Если ни один из них не был изменен, выведите ошибку. Одним из полей является изображение, поэтому я использую скрытое поле для хранения данных изображения при о…
20 дек '18 в 10:06
1
ответ
ReactJS | OnSubmit не является функцией с Formik
У меня есть простая форма Form с React. я использую formik для обработки проверки формы, на frontEnd. Вот мой компонент: class GroupDetailsForm extends React.Component { handleSubmit = values => { const { onSubmit } = this.props; onSubmit(values)…
21 дек '18 в 11:46