Публикации по теме 'redux-form'
Масштабные формы: 2 года redux-form
Рекомендации, которые помогут вам контролировать свое здравомыслие при разработке приложений React с большим количеством форм.
После двух лет разработки приложений React на ProductReview.com.au , я думаю, пришло время поделиться нашим опытом и инструментами, которые мы приняли, чтобы повысить продуктивность работы с формами. Я не буду вдаваться в подробности об опыте пользователей в этом посте, потому что считаю, что уже доступно много хорошего контента.
Примечание: на момент..
Вопросы по теме 'redux-form'
Как я могу получить значения формы в событии отправки Redux-Form?
Я использую Redux-Form и пытаюсь получить значения формы, когда пользователь нажимает Отправить.
Это реквизит внешней формы . Как видите, есть функции отправки:
onSubmit
onSubmitSuccess
onSubmitFail
onSubmitSucess и...
6985 просмотров
schedule
11.08.2022
Очистить форму Redux после отправки - несколько переключателей
Может быть, я иду по этому неправильному пути, но мне интересно, есть ли простой способ сбросить форму / снять все переключатели? Поскольку у меня есть переменное количество вопросов для рендеринга, я использую динамическая Redux-форма. Я пробовал...
1958 просмотров
schedule
15.12.2022
Инструменты разработки Redux с формой redux
Я использую redux с redux devtool Я только что попробовал redux-form: отличная работа и забавно использовать! Однако я предполагаю, что каждый раз, когда я изменяю поле, состояние приложения менялось. инструмент разработчика redux сохраняет...
968 просмотров
schedule
01.05.2023
Структурирование вызова Ajax для действия Redux-Form для выражения с помощью Mongo
Я относительно новичок в JS и реагирую, и я использую Redux-Form, чтобы добавить простой элемент в мою базу данных mongo. У меня настроена форма, и API определен с подключением к базе данных, но я не думаю, что правильно структурирую свой код в...
394 просмотров
schedule
06.07.2022
Показать ошибку проверки Redux-Form для встроенного компонента
Я встроил компонент React внутрь другого, где я применил проверку к родителю:
const EmailAddressInput = (props) => {
const { emailList, onKeyUp } = props;
return (
<div>
<textarea
{...emailList}...
124 просмотров
schedule
13.05.2023
ошибки redux-form: недопустимый тип элемента: ожидается строка или функция
Я пытаюсь интегрировать redux-form (Ver 5.25) в свое веб-приложение на основе response.js, но столкнулся со следующей проблемой с простой пример сокращенной формы проверки синхронизации :
Uncaught (in promise) Error: Element type is invalid:...
1057 просмотров
schedule
29.04.2022
Кнопка отправки извне Redux Form v6.0.0
Этот вопрос относится к Redux Form v6.0.0 (на момент написания этого вопроса это v6.0.0-alpha.15).
Как я могу получить статус проверки формы (например, pristine , submitting , invalid ) из-за пределов компонента формы?
Позвольте мне...
7332 просмотров
schedule
19.05.2024
Миграция редукс-формы на v6, функции onBlur и onChange
Я переношу редукционную форму на новейшую версию 6.0.0rc3. В этой версии массив fields удален и заменен компонентом Field (см. http://redux-form.com/6.0.0-rc.3/docs/MigrationGuide.md/ ). Раньше я расширял функцию onBlur по умолчанию в v5 следующим...
2454 просмотров
schedule
22.12.2022
Повторяющееся поле Redux-Form
Я использую Redux-Form v.5.2.3. У меня есть ввод текста, который нужно повторить x раз, в зависимости от того, сколько раз пользователь нажимает кнопку. В настоящее время, поскольку я создаю одно и то же поле ввода с тем же именем поля, это не...
1143 просмотров
schedule
01.11.2022
redux-form: как отображать значения формы на другом компоненте
Я использую redux-form 6.0.0-rc.5 и пытаюсь отобразить значения формы по мере их ввода пользователем.
Однако я хочу, чтобы эти значения отображались из другого компонента, а не из самой формы редукции.
Итак, моя упрощенная архитектура приложения...
15845 просмотров
schedule
18.02.2023
Нужно ли монтировать redux-form к ключу формы в корне моего состояния?
На начальной странице говорится:
import { createStore, combineReducers } from 'redux'
import { reducer as formReducer } from 'redux-form'
const reducers = {
// ... your other reducers here ...
form: formReducer // <---- Mounted at...
803 просмотров
schedule
12.03.2023
Redux-form v6 показывает ошибку проверки для поля выбора
В v6 редукционной формы мы можем показать ошибки для обычных полей ввода, например, следующие
Мы можем создать собственный renderField, как это
const renderField = ({ input, label, type, meta: { touched, error } }) => (
<div>...
6515 просмотров
schedule
05.07.2023
Как обновить значение поля после действия, отправленного с помощью redux
Я хотел бы заполнить форму после вызова ajax с помощью redux.
Мой случай довольно прост:
У меня есть простая форма пользователя (пока только с одним текстовым полем), это представление реакции, привязанное к состоянию с помощью connect() ....
2040 просмотров
schedule
13.04.2022
Предупреждение: Failed propType: обязательные проп 'поля' не были указаны в 'ReduxForm (MyForm)'
Я только что добавил Redux в свое приложение React и думал, что оно работает, но теперь я продолжаю получать две ошибки в своей консоли.
Этот:
Предупреждение: ошибка propType: обязательные поля prop не были указаны в ReduxForm (MyForm)....
552 просмотров
schedule
17.07.2022
Как экспортировать mapStateToProps и Redux Form?
Я использую Redux Form (версия 6) для страницы входа в систему. Что я хотел бы сделать, так это когда пользователь заполняет форму и нажимает кнопку «Отправить», захватить текст из моего состояния, чтобы я мог в конечном итоге отправить действие с...
9818 просмотров
schedule
27.04.2024
Uncaught TypeError: невозможно прочитать свойство setData неопределенного [Slider]
мой ползунок выдает ошибку Uncaught TypeError: Cannot read property 'setData' of undefined . Я использовал материал пользовательского интерфейса в качестве компонента и редукционной формы. Я получаю эту ошибку при изменении слайдера. Состояние...
336 просмотров
schedule
19.06.2023
React Router + Redux Form + Edit/New Component == Fail
Я пытаюсь создать компонент React, который может создавать или редактировать существующий элемент в моей базе данных. Все работает нормально, кроме одного: когда я вызываю маршрут new из маршрута edit (тот же компонент с другим поведением), React...
675 просмотров
schedule
23.07.2022
Redux-форма, вызывающая отправку внешнего компонента формы
Я создаю приложение с динамическими формами (редукционная форма). Я хотел бы, чтобы пользователь нажимал кнопку отправки для печати значений. Обратите внимание, что моя кнопка отправки находится в заголовке моего приложения (вне формы). Для этого я...
1669 просмотров
schedule
06.09.2022
Простые поля формы Redux
У меня есть простая форма Redux, и я попытался следовать приведенному здесь примеру https://redux-form.com/6.2.0/docs/GettingStarted.md/ вот мой код
user-form.js
import React from 'react';
import {Field, reduxForm} from 'redux-form';
class...
150 просмотров
schedule
14.03.2023
Отображать сообщение сервера при начальной загрузке избыточной формы
Мне нужно, чтобы сообщение redux-form-toaster отображалось при первом нажатии кнопки отправки при первой загрузке формы. Сообщение тостера отображается при втором нажатии кнопки отправки. Я знаю, что есть проблема с жизненным циклом компонента,...
561 просмотров
schedule
30.11.2022