Redux表单根据prop值渲染字段

时间:2019-03-13 20:53:53

标签: redux react-redux redux-form

我正在使用redux-forms(v7.4.2)创建一个表单。我试图根据PROP值有条件地呈现一个字段。需要明确的是,我并不是要根据表单中另一个字段的插入条件来有条件地渲染一个字段。我希望redux表单查看道具值,并根据该道具的值单向或以其他方式呈现字段。

我尝试了下面的代码,但只显示了两个字段。这些道具都存在(我可以使用react dev工具看到它们)。基本上,我的目标是查看并查看道具是否存在。如果该数组的长度> 0,则用户正在编辑表单,我想禁用此字段。否则,如果length === 0,则其为新记录,并且该字段为必填字段。

{this.props.facilityCompliance.length === 0 ?
                        <Field
                            label="Facility Name"
                            name="facilityName"
                            placeholder="Facility Name"
                            component={renderInputField}
                            type="text"
                            validate={required}
                        />
                        :
                        <Field
                            label="Facility Name"
                            name="facilityName"
                            placeholder="Facility Name"
                            component={renderInputField}
                            type="text"
                            disabled={true}
                        />}

0 个答案:

没有答案