Redux Formular Clearing Feldwerte

Question

Ich benutze das Redux, um Komponenten basierend auf einem Wert auszublenden und anzuzeigen. Wenn ich zwischen den Optionen wechsle, möchte ich die Werte löschen.

Wie lösche ich Werte aus dem Status, wenn zwischen Feldern gewechselt wird, die versteckt und angezeigt werden?

Wie wird empfohlen, jedes Feld zu validieren?

Ist es möglich, das Feld vollständig aus dem Status zu entfernen?

<div> 
    <form> 
     <Fields 
     component={RadioButtonGroupField} 
     names={['radioButtonGroup', 'nameTextField', 'nickNameTextField']} 
     /> 
    </ form> 
</div> 

function RadioButtonGroupField(fields) { 
    return(
     <div> 
     <RadioButtonGroupComponent 
      {...fields.radioButtonGroup.input} 
      {...fields.radioButtonGroup.meta} 
     /> 
     { 
      (fields.radioButtonGroup.input.value === 'name' || 
      fields.radioButtonGroup.input.value === 'both') && 
      <NameTextFieldComponent 
      {...fields.radioButtonGroup.input} 
      {...fields.radioButtonGroup.meta} 
      /> 
     } 
     { 
      (fields.radioButtonGroup.input.value === 'nickname' || 
      fields.radioButtonGroup.input.value === 'both') && 
      <NicknameTextFieldComponent 
      {...fields.radioButtonGroup.input} 
      {...fields.radioButtonGroup.meta} 
      /> 
     } 
     </div> 
    ); 
    } 

Answer 1

Warum ist es wichtig, ob der andere Wert in diesem Zustand ist? Scheint so, als könntest du nach dem Abschicken deinen Radio-Wert sehen, um zu bestimmen, welcher der anderen Werte verwendet werden soll.

, aber Ihre Frage zu beantworten, könnten Sie möglicherweise einen onChange Hörer auf Ihrem Funkfeld setzen, und lösen Sie eine change(value==='name' ? 'nickname' : 'name', null) Aktion (nicht die fields.radioButtonGroup.input.onChange() nennen vergessen) den Wert in der Eingabe, die Sie ignorieren mögen zu zerstören.