Redux 형식의 필드 값 지우기

Question

값을 기준으로 구성 요소를 숨기거나 표시하려면 redux를 사용하고 있습니다. 옵션을 전환 할 때 값을 지우고 싶습니다.

숨기고 표시하는 필드 사이를 전환 할 때 상태 값을 지우려면 어떻게해야합니까?

각 필드의 유효성을 검사하는 권장 방법은 무엇입니까?

상태에서 필드를 완전히 제거 할 수 있습니까?

<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

다른 값이 상태에있는 것이 중요한 이유는 무엇입니까? 제출시 라디오 값을보고 다른 값 중 사용할 값을 결정할 수 있습니다.

그러나 당신이 무시하고자하는 입력 값을 파괴하기 위해 change(value==='name' ? 'nickname' : 'name', null) 조치를 파견, 귀하의 질문에 대답하기 위해, 당신은 잠재적으로 라디오 필드 상에 onChange 리스너를 넣을 수 있으며합니다 ( fields.radioButtonGroup.input.onChange() 전화를 잊고되지 않음).