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

Окончательная форма React не работает с машинописным текстом
Я хочу создать окончательную форму реакции в среде react-typescript. Я получаю сообщение об ошибке, заключающееся в том, что мне не хватает свойства " onSubmit " в типе {...}, требуемом для " FormProps ". Я проверил интерфейс, но не могу понять,...
3861 просмотров
schedule 10.09.2021

React-final-form-array, как повторно отрендерить форму на основе нового состояния
Я использую react-final-form-arrays для создания системы динамических полей, пока сценарий будет таким: Пользователь нажимает кнопку, чтобы открыть модальный редактор (Добавить / удалить настраиваемое поле с помощью react-final-form-array ....
1690 просмотров

Обновление значения компонента поля response-final-form с помощью вызова функции onSelect?
Я делаю приложение реакции с машинописным текстом и использую response-final-form, я использую некоторые библиотеки реакции для интеграции Google Places и API геокодера: "react-places-autocomplete": "^ 7.2.1" и "react-final-form": "^ 6.3.0"...
4219 просмотров

React-final-form с компонентом autocomplite
У меня динамическая форма, и у меня проблема с компонентом Autocomplite из material-ui, когда я подключился к массивам response-final-form-array, не могу получить выбранное значение элемента вот код формы <Field name={`${name}`.product}...
112 просмотров

Как передать начальное значение в форму с полями выбора - React Final Form?
Как передать начальное значение в форму с полями выбора - React Final Form? <Field className="input" name="pergunta_1" component="select"> <option>---</option> <option>Sim</option> <option>Não</option>...
1654 просмотров
schedule 25.02.2022

Почему начальное значение раскрывающегося списка не установлено в React?
Не могли бы вы рассказать мне, почему мое начальное значение не установлено в React? Я использую react-final-form Вот мой код https://codesandbox.io/s/frosty-star-1qcw3 Мое начальное значение выводится на консоль, но не в раскрывающемся...
49 просмотров

Ошибка отправки не отображается в окончательной форме реакции
У меня проблемы с библиотекой React-Final-Form. Из функции onSubmit я возвращаю ошибку проверки, но она не отображается в самой форме. Здесь вы можете увидеть мой код: Моя форма: <Form...
283 просмотров

Отображение ошибок, возвращаемых через API - React Final Form
Я пытаюсь отобразить встроенные ошибки, возвращаемые через API, для каждого недопустимого поля. Я следую примеру ошибок отправки из здесь с что-то вроде этого: const handleSubmit = async (values) => { let errors; await...
1308 просмотров

создание составного поля с помощью response-final-form
Я хочу создать составное поле (например, Местоположение , которое само содержит 2 внутренних ввода latitude и longitude ) с react-final-form , но я не могу найти подобный пример. <Field name="myField"> {props => ( <div>...
101 просмотров
schedule 25.03.2022

Форма React.js - как включить все значения на финальную страницу?
Итак, я создал форму мастера, используя React-Final-Form, которую использую на своей странице регистрации. Я пытаюсь понять, как я могу отобразить все вводимые пользователем данные на последней странице, чтобы пользователь мог дважды проверить /...
1000 просмотров

React-Final-Form как передать props location.search для работы
Последние несколько дней я использую React-Final-Form, но у меня много проблем. В моей основной функции PasswordReset мне нужно взять опору location.search и передать ее пользовательскому handleSubmitOnClick, чтобы обработать результат при...
333 просмотров
schedule 04.04.2022

Как использовать вычисляемые поля response-final-from с массивом объектов
У меня есть массив объектов в react-final-form с полем sum . В конце я хотел бы подсчитать сумму всех сумм. Итак, я использую вычисляемые поля из final-form-calculate вот так: const calculator = createDecorator({ field: /day\[\d\]\.sum/,...
701 просмотров
schedule 07.04.2022

Библиотека сетки, завернутая в форму, поддерживает неработающие пользовательские рендереры.
У меня есть готовая сетка с подкреплением, построенная с использованием ag-grid. Ag-grid принимает рендеры, которые в моем случае являются полями, обернутыми FormSpy. Использование pre-hooks версии final-form работает, но у меня было несколько...
90 просмотров

Форма React final запускает handleSubmit после первоначального рендеринга
У меня есть только компонент Switch в моей окончательной форме реакции. Это выглядит так: <Form onSubmit={onSubmit} initialValues={initialValues} render={({ handleSubmit }) => ( <form onSubmit={handleSubmit}> <Field...
116 просмотров
schedule 10.05.2022

Реагировать на окончательную форму, разбирать ввод с плавающей запятой?
Как сделать ввод с плавающей запятой в окончательной форме реакции? Мне это нравится: parse={value =>{!parseFloat(value) || !Number(value) || value.endsWith(".") ? value : parseFloat(value);}} Но я могу печатать буквы, и когда я помещаю...
665 просмотров
schedule 29.05.2022

Проблема с отправкой CSV-файла в БД через POST Axios и React-Final-Form
Мне нужно сохранить содержимое CSV в таблице базы данных с помощью React-Final-Form и Axios. Я попытался создать простой HTML без использования Final-Form или Axios, и отправка в БД работает нормально. Проблема в том, что я пытаюсь передать...
1526 просмотров
schedule 10.07.2022

Сбросить входное значение до начального значения по условию в React Final Form
Как можно сбросить values.range на initialValues.range после того, как для condition установлено значение true в https://codesandbox.io/s/xjxx7xp07q ? Вы можете сказать, где я упускаю главное? Большое спасибо за посильную помощь....
3657 просмотров
schedule 05.02.2023

Добавление настраиваемой опоры в поле RadioGroup с помощью React Final Form
Я делаю RadioGroup , и, насколько я понимаю, значение должно быть строкой, но мне нужно число, чтобы я мог выполнить некоторые математические вычисления с другими входными компонентами. Хотелось бы просто иметь настраиваемую задачу, такую ​​как...
1694 просмотров

Проверка не получает новое значение полей
Я использую response-final-form для создания форм регистрации и входа. Я создал файл, называемый валидаторами, с тремя функциями: required, allowedEmails и validatePassword length. Затем я использовал их в своих полях с validate={required} или...
73 просмотров
schedule 09.10.2022

Условные выпадающие списки с response-select в response-final-form инициализируются из состояния
Я использую react-select и react-final-form для условных раскрывающихся списков, где параметры для второго выбора предоставляются компонентом <PickOptions/> на основе значения первого выбора (благодаря этому SO answer ). Вот компонент:...
1766 просмотров