Question

我有一个使用redux-form的更新表单，一个使用initialValues初始化的表单值

示例：<DataEdit initialValues={ Data }/>

并在

之类的DataEdit页面中使用数据

    <Field
    name="Data.taxTitle"
    component={renderField}
    type="text"
    validate={required}
    label ="Title"
  />

上面的部分工作正常，我提交的“选择”选项看起来很像

 <Field name="Data.gender" component={renderSelectField} >
    <option value="male">male</option>
    <option value="female">female</option>
  </Field>

 {genderValue ==='male' ?
   (<div> 
     <Field
      name="Data.name"
      component={renderField}
      type="text"
      validate={required}
      label ="name"
     /> 
   </div>) : null

 {genderValue ==='female' ?
   (<div> 
     <Field
      name="Data.name"
      component={renderField}
      type="text"
      validate={required}
      label ="name"
     /> 
   </div>) : null

以上部分在插入中工作正常，但是在更新时选择具有值（显示我保存在插入中的内容，是男性还是女性），但未显示另一个名为{genderValue ==='male' or {genderValue ==='female'

来自Selecting Form Values Example的

genderValue

DataEdit = connect(state => {
   const genderValue = selector(state, 'gender');
  return {
    genderValue
  };

Answer 1

您在选择器中使用Data.gender时，您的性别字段称为gender

在旁注中，无需重复Field Data.name，您可以将性别条件==='male'||统一为条件。 sexValue ==='女性'

“从首选项还原原始值”设置不适用于选择选项

1 个答案: