reduxForm - FieldsArray : fields.push({})不工作
reduxForm是一个用于处理表单状态的React库，而FieldsArray是reduxForm中的一个组件。在reduxForm中，FieldsArray用于处理表单中的多个字段，可以动态地添加、删除和修改字段。
根据提供的问答内容，问题是关于使用fields.push({})时不起作用的情况。这可能是由于以下几个原因导致的：
- 语法错误：请确保在调用fields.push({})时没有语法错误。检查括号、逗号、引号等是否正确使用。
- 未正确绑定表单：确保FieldsArray组件正确绑定到reduxForm中的表单。检查表单的component属性是否正确设置为FieldsArray组件。
- 未正确设置字段名称：在调用fields.push({})之前，请确保已正确设置字段的名称。字段名称应与表单中的字段名称相匹配。
- 未正确更新表单状态：在调用fields.push({})之后，需要更新表单的状态以反映新添加的字段。可以使用reduxForm提供的相关方法来更新表单状态。
如果以上解决方法都没有解决问题，可能需要进一步检查代码逻辑和调试。可以使用开发者工具来查看是否有错误信息或警告，并逐步调试代码以找到问题所在。
关于reduxForm和FieldsArray的更多信息，可以参考腾讯云的相关文档和示例代码：
- reduxForm官方文档：redux-form
- FieldsArray组件介绍：FieldsArray - redux-form
相关·内容
1回答
使用Redux-Form，如何使用同名的多个输入？
reactjs、redux、react-redux、redux-form
我正在构建下面的redux表单，以收集作为用户输入的电子邮件。字段都应该有相同的name=“电子邮件”
问题是当组件呈现(我集中并键入一个字段)时，所有字段都会立即使用第一个输入字段中的最新值进行更新。这三个田地似乎都绑在一起了。
对于redux- form，如何使表单具有相同名称的输入？
import React from 'react';
import { Field, reduxForm } from 'redux-form';
import {connect} from 'react-redux';
class InvitePage e
浏览 4提问于2017-06-08得票数 3
回答已采纳
1回答
如何访问另一个组件中的redux窗体值
reactjs、redux-form
我使用Redux-表单7.3.0。我正在尝试在另一个组件中获取我的表单的值。我在 of Redux表单中阅读了指令，但没有工作。
this is the code of my componenet:
import React from 'react'
import { Field, reduxForm } from 'redux-form';
import { connect } from 'react-redux';
import { formValueSelector } from 'redux-fo
浏览 1提问于2018-03-31得票数 4
回答已采纳
2回答
redux-form重置时，react-select不清除值
reactjs、redux-form、react-select
我有一个无状态的React函数来呈现react-select Select to a form。除了redux-form被重置之外，其他一切都可以很好地使用redux-form。我需要在成功发布后手动重置表单。
当选择值发生更改时，onChange和onBlur会正确地更改redux-Form值。当我重置redux-form时，redux-form值被清除，但Select将具有旧值。
function SelectInput(props) {
const { input, options, label } = props;
const { onChange, onBlur }
浏览 50提问于2018-06-01得票数 0
回答已采纳
1回答
如何防止redux-form字段事件触发父级状态检查
reactjs、react-redux、redux-form
我使用的是redux-form v6.5.0。我有一个带有RecordForm组件的RecordFormPage组件。RecordForm绑定到redux-form
RecordForm = reduxForm({
form: 'recordform'
})(RecordForm);
RecordFormPage组件连接到redux存储
function mapStateToProps(state){
console.log('state check on FormPage'); //every event in RecordForm check
浏览 2提问于2017-03-02得票数 1
1回答
DatePicker表单材料-ui- Redux表单+Redux表单-启用文本输入
reactjs、redux、material-ui、redux-form
我从redux表单中使用DatePicker作为字段的组件。现在，每当我专注于字段时，日期选择器就会打开。我无法自己将日期写入keyboadrd的输入(或者粘贴它)。我想结合这两者-使用户能够粘贴/输入日期从键盘或从日期选择器选择它.我怎样才能做到这一点？
import { Field, reduxForm } from 'redux-form';
import { DatePicker } from 'redux-form-material-ui';
……
<Field
name="dateOfBirth"
type="t
浏览 1提问于2018-07-04得票数 1
1回答
如何使用redux格式的formValueSelector在更改时获得更新的输入字段值
javascript、redux-form
我使用redux-form和formValueSelector从字段中获取输入值。我想从变化中获得价值，但是@@redux-form/CHANGE操作是在我的函数调用onChange之后调用的。所以我没有得到更新的值。我的代码：
export class PersonFilter extends React.Component {
constructor(props) {
super(props);
}
filterByName = (event, searchName) => {
//here searchName is getting old value
浏览 2提问于2017-10-27得票数 0
2回答
如何让redux-form FieldArray文本字段具有只读的初始值，而不是单击新field.push时的只读？
reactjs、redux、material-ui、redux-form
我需要创建一个redux-form，它将数据加载到具有初始值的模式中。当有初始数据时，其中一个字段( quoteField )应该用readOnly呈现。数据(InitialValue)中还将至少有一个报价，因为这是必需的。但单击要添加到表单的新引号fields.push({})}应为自由文本(而不是只读)
我尝试过使用readOnly={pristine}，readOnly={pristine && initial}等。在组件中。在添加另一个字段fields.push({})}或在另一个表单元素内单击之前，此操作都有效。此操作将使引号字段(具有初始值)再次变为可编辑状态。它应
浏览 2提问于2017-09-26得票数 0
1回答
动态获取redux表单的字段
javascript、forms、field、redux-form
我使用Redux Form和React，但是表单字段需要硬编码。有没有从父组件动态传入字段的方法？
/* form.jsx */
import React, { PropTypes } from 'react';
import { Field, reduxForm } from 'redux-form';
export const formFields = [
'firstname',
'lastname',
'password'
]
class RegForm extends Component
浏览 3提问于2016-08-30得票数 0
回答已采纳
2回答
redux-作为地图创建的表单initialValues
react-native、redux-form
我得到了一个redux-form，我正在尝试使用initialValues初始化该表单。给定以下代码，表单中既没有填写姓名，也没有填写年龄：
const EmployeesForm = reduxForm({
form: 'addEmployee',
enableReinitialize: true
})(EmployeesFormComponent)
export default connect((state, ownProps) => {
const initialValues = { name: 'Jason', age: 24 }
浏览 2提问于2017-08-08得票数 7
1回答
我是否可以将redux [v6]连接到其他状态，如in [v5]？
reactjs、react-redux、redux-form
我可以在v6. redux表单中配置和其他redux参数吗？
在redux-form ~> 中是这样的
reduxForm(配置:Object，mapStateToProps?，mapDispatchToProps?，mergeProps?，选项？)
创建一个装饰器，使用Redux窗体将窗体组件连接到Redux。它接受一个配置参数，然后可选地接受mapStateToProps、mapDispatchToProps、mergeProps和options参数，这些参数与react的connect()函数的参数完全对应，允许您将表单组件连接到Redux中的其他状态。
。
例如：
im
浏览 5提问于2016-07-05得票数 0
回答已采纳
2回答
保留形式的getFormState副作用
reactjs、redux、redux-form
我的应用程序中有很多表格。我在它的父减速器下面为它们每个创建了一个表单还原器，并将它们组合在一起。对于获取他们的数据，我使用的是getFormState，在获取表单状态方面一切都是好的，但是在redux状态下，在所有redux表单还原器中复制的是活动形式！每个redux表单操作都适用于所有表单。
我不知道我如何能与你分享所有的代码，我可以呈现整个情况。但我尝试在这里分享一些代码：
这是我的注册表格：
SigninForm = reduxForm({
form: 'signin',
validate,
getFormState: ({ auth }) =&g
浏览 3提问于2017-08-26得票数 2
回答已采纳
2回答
使用redux dev工具插件调试时，字段值不会更改
reactjs、redux、redux-form
我正在使用redux-form创建身份验证表单。 import React from 'react';
import Button from '@material-ui/core/Button';
import PropTypes from 'prop-types';
import { Field, reduxForm } from 'redux-form';
import Grid from '@material-ui/core/Grid';
import TextField from '../../c
浏览 27提问于2019-03-18得票数 0
回答已采纳
1回答
使用redux-form不能异步加载数据
javascript、reactjs、redux、react-redux、redux-form
我尝试使用redux-form v6.7.0将数据异步加载到表单中，但它不起作用。我引用了这个。下面是我的示例代码。任何帮助都将不胜感激。提前谢谢。
/* reducers should always maintain immutability */
var personInfo = {
name: "",
age: ""
};
function PersonInfoReducer(state = personInfo, action) {
switch (action.type) {
case "SAVE_PERSON_DA
浏览 5提问于2017-08-19得票数 0
回答已采纳
1回答
Redux表单-无法在输入中键入任何内容
redux-form
嗨，我最近升级到了redux-form版本6.0.0。我正面临着一个问题，比如我无法在文本字段中键入任何内容。
附注:我也在使用Reactintl。我正在使用compose聚合连接、reduxform和intl装饰器
下面是我的代码
浏览 0提问于2016-09-05得票数 2
3回答
如何将值从on组件传递到Redux窗体
javascript、reactjs、redux-form、react-redux-form
我在React.js中对表单使用Redux表单，我的表单曾经是，我有一个定制的google地图组件，我想将lat和long绑定到我的表单上。
表单
import React from 'react';
import { Field, reduxForm } from 'redux-form';
const SimpleForm = props => {
const { handleSubmit, pristine, reset, submitting } = props;
return (
<form onSubmit={handle
浏览 0提问于2018-07-05得票数 11
回答已采纳
1回答
如何在redux-form的<Field>中有条件地呈现组件
reactjs、datepicker、field、redux-form
在我的代码中，试图通过一个名为<DatePicker>的函数在Redux表单的<Field>组件中呈现一个renderDatePicker()。此函数链接到handleClick()函数，其中状态变量isOpen设置为true。
因此，理想情况下，onClick应该在设置为可见时呈现<DatePicker>。但是代码不会更新任何东西。我在哪里做错了？
注意:在没有<DatePicker>帮助的情况下直接呈现<Field component=...>，效果很好。
为了进行调试，完整的代码在CodeSandbox中，
Simpl
浏览 1提问于2019-08-07得票数 1
回答已采纳
1回答
如何在typescript中使用FieldArrays？
typescript、react-redux、redux-form
我有一个有4个字段的表单。我想使用FieldArray来添加/删除表单。我正在看这个例子，但发现它很难应用于typescript。例如，我得到了一个错误，因为在onClick中有lambda函数，因为这在ts中是被禁止的。我需要使用接口吗？ 在此之前，非常感谢您。 import { Field, FieldArray, reduxForm } from 'redux-form'
import validate from './validate'
const renderField = ({ input, label, type, meta: { touche
浏览 13提问于2019-04-04得票数 0
4回答
使用redux saga和redux表单在react应用程序中显示表单错误
javascript、reactjs、redux、redux-form、redux-saga
我试图弄清楚如何使用redux saga在登录redux表单中显示一个错误。我能够提出请求，但如果响应是403禁止的，我需要以某种方式向用户显示一条消息。
系统：
反应16.0.0
剩余3.7.2
表格7.1.2
redux-saga 0.16.0
login-form.js
import React, {Component} from 'react';
import {Field, reduxForm} from 'redux-form';
import {connect} from 'react-redux';
im
浏览 4提问于2017-11-10得票数 0
2回答
如何从props(无状态组件)传递Redux形式的初始值？
reactjs、components、redux-form
我的组件是这个……我从一个对象的props中获取初始的表单值，我需要在redux表单中设置它以进一步更新它。这里要指出的是，我有一个具有一个表单名称的三步redux表单。
import React from 'react';
import { Field, reduxForm } from 'redux-form'
import validate from './validate'
import renderField from './renderField'
const WizardFormFirstPage = props
浏览 4提问于2018-06-29得票数 0
1回答
使用FieldsArray、ReactJS、redux-from进行Yup验证
reactjs、redux-form、yup
我使用了yup验证，并试图构建一个条件验证对象。 通常，我使用redux form中的字段来处理表单输入值，并使用yup验证它，但在另一种情况下，我使用FieldArray来实现复杂的条件，这是我使用FieldArray的代码： <form onSubmit={handleSubmit}>
<FieldArray
name="session"
component={RenderSession}
/>
</form> 这是我在FieldsArray中绑定的组件， expo
浏览 24提问于2018-12-27得票数 6
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
