Reactjs redux表单中的字段不可编辑 const字段=[ {标签：'Survey Title'，名称：'Title'}， {标签：'Survey Line'，名称：'subject'}， {标签：'Email Body'，名称：'Body'}， {标签：'Recipients List'，名称：'emails'} ] 类SurveyForm扩展组件{ 渲染文件（）{ return{.map（字段，（{label，name}）=>{ 返回( ) }) } render（）{ 返回( console.log（值））}> {this.renderfiles（）} 提交 ) } }

我正在使用redux表单。从redux表单导入字段并以这种方式呈现。屏幕上显示的一切都很好，但当我在输入字段中键入时，没有显示任何内容。该字段不可编辑。出现这种情况的具体原因是什么？

为时已晚，但我遇到了同样的问题，并通过将redux表单库的reducer添加到联合收割机reducer中解决了这个问题

const FIELDS = [
{label:'Survey Title', name:'title'},
{label:'Survey Line', name:'subject'},
{label:'Email Body', name:'body'},
{label:'Recipients List', name:'emails'}
]

class SurveyForm extends Component{
    renderFileds(){
        return _.map(FIELDS,({label,name})=>{
           return (
            <Field 
                key={name}
                component={SurveyField}
                type="text"
                label={label}
                name={name}
            />
           ) 
        })

    }
    render(){
        return(
            <div>
                <form onSubmit={this.props.handleSubmit((values)=>console.log(values))}>
                    {this.renderFileds()}
                <button type="submit">Submit</button>
                </form>
            </div>
        )
    }
}

---

希望这对某人有所帮助。

为时已晚，但我也遇到了同样的问题，通过将redux表单库的reducer添加到联合收割机reducer中解决了这个问题

const FIELDS = [
{label:'Survey Title', name:'title'},
{label:'Survey Line', name:'subject'},
{label:'Email Body', name:'body'},
{label:'Recipients List', name:'emails'}
]

class SurveyForm extends Component{
    renderFileds(){
        return _.map(FIELDS,({label,name})=>{
           return (
            <Field 
                key={name}
                component={SurveyField}
                type="text"
                label={label}
                name={name}
            />
           ) 
        })

    }
    render(){
        return(
            <div>
                <form onSubmit={this.props.handleSubmit((values)=>console.log(values))}>
                    {this.renderFileds()}
                <button type="submit">Submit</button>
                </form>
            </div>
        )
    }
}

---

希望这对其他人有所帮助。

你在哪里用reduxForm HOC包起来的？你在哪里设置了reducer？你的

SurveyField

是如何定义的？显示你的surveyFiled的代码

导出默认值（{input，label}）=>{return return（{label}）

这是我的surveyFiled这是我的surveyFiled这是你用reduxForm HOC包装的吗？你设置了Reducer吗你的

SurveyField

是如何定义的？显示你的surveyFiled的代码

导出默认值（{input，label}）=>{return return（{label}）

这是我的SurveyFileEdit还不算晚；）你的回答对我帮助很大。非常感谢。现在还不晚；）你的回答对我帮助很大。非常感谢。