配列内のフィールドを変更すると、残りのフィールドが表示されなくなります。

Question

私はFieldArrayを持っており、各項目が生成されます

export const Options = (props) => { return <div>{ 
    props.fields.map((op, index) => 
     <Fields 
      key={index} 
      names={[ 
      `${props.fields.name}[${index}].${op.fieldName}`, 
      `${props.fields.name}[${index}].optionSubList`, 
      `${props.fields.name}[${index}].otherValue` 
      ]} 
      component={SelectList} 
      otherValue={op.otherValue} 
      fieldName={op.fieldName} 
      important={op.required} 
      className={op.classNames} 
      label={op.label} 
      list={op.options} 
     /> 
    ) }</div>; }; 

私は他の人が消えフィールド、のいずれかを変更した後。

私ははinitialValueを追加しようとしました：私は

が不足して残りの1つのフィールドを持っている場合、これは、すべて同じように機能しません。私もenableReinitializeに同じ

Answer 1

をフラグを入れて、私は少し心配ですprops.fields.nameにはすでに[42]型のインデックスがあるはずですので、[${index}]インクルードによってインクルードされます。私は隣接するコンポーネントの詳細をすべて知っているわけではありませんが、インデックスを削除することをお勧めします。

<Fields 
    key={index} 
    names={[ 
    `${props.fields.name}.${op.fieldName}`, 
    `${props.fields.name}.optionSubList`, 
    `${props.fields.name}.otherValue` 
    ]} 
    .../>