Reactjs FieldArray组件不工作
Reactjs FieldArray组件不工作,reactjs,react-redux,redux-form,Reactjs,React Redux,Redux Form,FieldArray组件不工作。 我使用redux表单包 我的代码如下: import React from 'react' import { FieldArray, reduxForm } from 'redux-form' import { connect } from 'react-redux' const renderMembersPP = ({ fields, meta: { touched, error, submitFailed } }) => ( <ul
FieldArray
组件不工作。
我使用redux表单
包
我的代码如下:
import React from 'react'
import { FieldArray, reduxForm } from 'redux-form'
import { connect } from 'react-redux'
const renderMembersPP = ({ fields, meta: { touched, error, submitFailed } }) => (
<ul>
{fields.map((member, index) =>
<li style={{width:'5',height:'5',backgroundColor:'red',color:"white"}} key={index}>
show?
</li>
)}
</ul>
)
let NextWeekDriftForm = (props) => {
const { handleSubmit, pristine, reset, submitting} = props
return (
<form onSubmit={handleSubmit}>
<div>
<FieldArray name="members" component={renderMembersPP}/>
</div>
{JSON.stringify(props.initialValues.members) }
</form>
)
}
NextWeekDriftForm = reduxForm({
form: 'NextWeekDriftForm', // a unique identifier for this form
})(NextWeekDriftForm)
export default NextWeekDriftForm = connect(
state => ({
initialValues: state.sendGood.driftMemberArray.formData,
})
) (NextWeekDriftForm)
从“React”导入React
从“redux form”导入{FieldArray,reduxForm}
从“react redux”导入{connect}
const renderMembersPP=({fields,meta:{toucted,error,submitFailed}})=>(
{fields.map((成员,索引)=>
-
显示
)}
)
让NextweekFloftForm=(道具)=>{
const{handleSubmit,pristite,reset,submiting}=props
返回(
{JSON.stringify(props.initialValues.members)}
)
}
nextweekfloftform=reduxForm({
表单:“nextweekFloftForm”,//此表单的唯一标识符
})(下一张表格)
导出默认值nextweekfloftform=connect(
状态=>({
初始值:state.sendGood.floftMemberArray.formData,
})
)(下一张表格)
{JSON.stringify(props.initialValues.members)}
呈现一些数据。
换句话说,成员
是一个数组
,它具有值
我设置了字段。map
返回显示?
,但是,我没有看到显示?
我认为,结果应该是:
表演表演
{JSON.stringify(props.initialValues.members)} 现在的结果是: {JSON.stringify(props.initialValues.members)}
我添加了
启用重新初始化:true,
。现在,它工作得很好
export default NextWeekDriftForm = connect(
state => ({
initialValues: state.sendGood.driftMemberArray.formData,
enableReinitialize: true,
})
) (NextWeekDriftForm)