redux-form을 사용하는 다른 필드의 값을 기준으로 필드 표시/숨기기

Question

다른 필드의 값에 따라 숨길 필드가 있습니다. 이를 위해 지금은 폼의 다른 필드 값뿐만 아니라 현재 값을 얻을 수 있으므로 경고 소품을 사용하고 있습니다.

현재 필드의 값과 양식의 모든 값을 인수로 취할 수있는 사용자 정의 소품 (경고 및 유효성 검사와 유사)을 작성할 수 있습니까?

redux-form을 사용하여 다른 필드의 값을 기준으로 필드를 숨기거나 표시하는 다른 방법은 무엇입니까?

Answer 1

Fields 구성 요소를 사용할 수 있습니다. 단일 구성 요소 아래 다양한 필드의 상태를 처리합니다.

예 :

// outside your render() method 
const renderFields = (fields) => (
    <div> 
    <div className="input-row"> 
     <label>Category:</label> 
     <select {...fields.category.input}> 
     <option value="foo">Some option</option> 
     </select> 
    </div> 
    { fields.category.input.value && (
     <div className="input-row"> 
     <label>Sub category</label> 
     <select {...fields.subcategory.input}> 
      <option value="foo">Some other option</option> 
     </select> 
     </div> 
    )} 
    </div> 
) 

// inside your render() method 
<Fields names={[ 'category', 'subcategory' ]} component={renderFields}/>