Вопросы по теме 'react-final-form'

Как использовать несколько функций onSubmit в окончательной форме реакции?
У меня есть форма, где с данными можно делать 2 вещи. Я помню, что в redux-форме можно было предоставить функцию handleSubmit примерно так: handleSubmit(customOnSubmit) . Какая альтернатива есть в react-final-form?
386 просмотров

React + Redux PUT api-запрос для редактирования данных в моем хранилище redux
Мое приложение использует redux для хранения данных из внутреннего API внутри редуктора сущностей хранилища redux, например, объект данных MEMBER, который совместно используется несколькими компонентами в приложении для отображения сведений о членах....
8132 просмотров

Невозможно прочитать свойство «отправить» неопределенного - React
Я создаю форму мастера с помощью реакции-окончательной формы. Когда я нажимаю кнопку, я получаю эту ошибку: Я не понимаю, почему появляется такое сообщение. Это мой компонент Wizard. import { Form as FinalForm } from 'react-final-form';...
1939 просмотров
schedule 30.05.2022

Работает ли [React Final Form] с Material-UI 3.x?
Я хочу использовать TextField из Material-UI с response-final-form ( https://github.com/final-form/react-final-form ). Главный вопрос: «Как получить values объект?» Я не могу получить его из TextField. Результат: Я уже...
3241 просмотров
schedule 29.10.2022

Реагировать-окончательная форма: установленный флажок может быть выбран только один?
Привет у меня есть вопрос следуйте этому простому примеру: https://codesandbox.io/s/ww40y2m595 как сделать полевые соусы (флажок) только одним выбором, как Field Best Stooge (радио)? ****** Полевые соусы по-прежнему используют тип ввода =...
1501 просмотров
schedule 21.05.2024

Обещание возврата из улова с Axios и final-form
Я вхожу в службу api из клиента React с Axios. Форма для имени и пароля обрабатывается final-form . Все работает, как ожидалось, кроме тех случаев, когда я хочу вернуть ошибку из функции onSubmit . Есть два компонента: родительский Login ,...
536 просмотров

форма реакции-финала с множественным выбором
Я пытаюсь создать форму с компонентом Select с несколькими значениями с помощью Material-UI, используя response-final-form. Каким-то образом с одним Select я могу получить значение, но с несколькими, это не так. Почему-то кажется, что...
3285 просмотров
schedule 18.04.2023

Используйте Select.Creatable с React Final Form
У нас есть форма, которая называется React Final Form, и мы хотим, чтобы в этой форме было поле выбора и создания. Как я могу использовать такой компонент внутри конечной формы реакции. В настоящее время я пробовал использовать Select.Creatable...
642 просмотров

Как имитировать промежуточное ПО redux-promise-listener и окончательную форму
Я устанавливаю react-redux-promise-listener (repo) для react-final-form через инструкции автора . Теперь у меня проблемы с издевательством над ним для тестирования. Я получаю сообщение об ошибке: The redux-promise-listener middleware is...
249 просмотров

как удалить свойство объекта при снятии флажка в реакции?
Я использую react-final-form и получаю помощь от этого примера https://codesandbox.io/s/52q597j2p в приведенном выше примере свойство giftCardMessage удаляется из объекта, когда пользователь unchecked это поле Is this a gift? Действия...
109 просмотров

React Final Form Передайте дополнительные параметры в состояние формы
React Final Form использует отрисовка шаблона prop в его компоненте формы, и я пытаюсь понять, как я могу изменить его, чтобы передать ему дополнительные аргументы. Согласно документации, он передает следующие реквизиты в функция рендеринга...
1533 просмотров
schedule 17.04.2022

Насмешка над отправкой в ​​окончательной форме реакции с использованием библиотеки тестирования реакции
У меня есть форма, построенная с использованием react-final-form , yup и Material-ui . Я тестирую, используя Jest и @testing-library/react . TL;DR: Есть ли способ имитировать и тестировать только функцию onSubmit , обходя/используя...
1075 просмотров

React-final-form - ввод теряет фокус после каждого нажатия клавиши
import React from "react"; import { Field, Form } from "react-final-form"; export function LogInDialog(props: { open: boolean; onClose: () => void }) { const onSubmit = vals => { alert(JSON.stringify(vals)); };...
417 просмотров
schedule 14.02.2023

Как установить форму как нетронутую после успешной отправки в React Final Form
Как разработчик я хотел бы отключить кнопку «Отправить», когда пользователь успешно отправил форму с помощью React Final Form, и включить кнопку «Отправить», если пользователь вводит новый текст в форму. Текущий Переменная pristine...
1747 просмотров

React-final-form с автозаполнением UI материалов
Я сделал этот компонент const AutocompleteAdapter = ({ input, ...rest }) => ( <Autocomplete {...input} {...rest} forcePopupIcon={false} renderInput={params => <TextField {...params} {...input} {...rest} />}...
1252 просмотров

Пустая форма для отправки формы Netlify с плагином response-final-form
Я использую response-final-form для разработки многостраничной формы мастера, но теперь застрял на отправке своих материалов в Netlify. Netlify обнаружил мою форму, но при отправке не получает данные моей формы Я впервые использую Netlify для...
182 просмотров
schedule 21.05.2024

Вызов API при отправке окончательной формы React
Я использую React Final Form и хочу вызвать API при нажатии кнопки «Отправить» в моей форме. Я пытаюсь следовать примеру , используя Async Redux Submission, и застреваю . Я использую MakeAsyncFunction из response-redux-prom-listener и можно...
88 просмотров

Значения скрытых полей React-Final-Form
Я перехожу от Redux-forms к response-final-forms, и мне сложно понять, как обрабатывать скрытые значения формы. В redux -forms я мог бы сделать что-то вроде this.props.change("createdBy", this.props.user.profile.username) , чтобы...
747 просмотров
schedule 28.09.2023

Использование React-Select с React-Final-Form
Я использую React-Select в React-Final Form. Когда параметр выбирается с помощью React-Select, он передает объект, а не одно значение example {label: Foo, value: 100} . Мне нужно только передать значение обратно на сервер. В Redux-Forms вы могли...
184 просмотров
schedule 29.04.2022

React Validation Async всегда возвращает обещание{‹ожидание›}
Итак, я делаю базовую проверку в своем приложении React. Я использую форму реакции-окончания, и что делает проверка, она возвращает объект ошибок, если они существуют. Для одного набора проверки я использую асинхронную функцию, и она всегда...
32 просмотров