reduxForm 7.0.4 <input> 태그에 알 수없는 '입력', '메타'. 요소에서 이러한 소품을 제거하십시오.

Question

here과 같은 양식 마법사를 설정 중이지만 위의 오류가 나타납니다. 이 이의 발견

구성 요소는

<Field 
    name="Company" 
    component={company => (
          <div> 
          <input type="text" {...company} 
          placeholder="company" /> 
          {company.touched && company.error && <span> 
          {company.error}</span>} 
          </div> 
    )} 
/> 

내가 자습서 reduxForm 6.5.0 용으로 작성되는 것을 이해하고 내가 7.0.4을 실행하는거야, 그래서 나는이 작품을 만들기 위해 변경해야 무엇?

Answer 1

발견은-업데이트 된 튜토리얼은 여기에 있습니다 : https://redux-form.com/7.0.4/examples/wizard/

기본적으로, 우리는 도우미라는 renderField.js 사용 : 필드는,에서 반작용 그런

const renderField = ({ input, label, type, meta: { touched, error } }) => 
    <div> 
    <label> 
     {label} 
    </label> 
    <div> 
     <input {...input} placeholder={label} type={type} /> 
     {touched && 
     error && 
     <span> 
      {error} 
     </span>} 
    </div> 
    </div> 

export default renderField 

를 '반응'

가져 오기를 따라서 :

<Field 
     name="firstName" 
     type="text" 
     component={renderField} 
     label="First Name" 
     />