reduxForm 7.0.4 <input>タグに不明な小道具 `input`、` meta`があります。要素からこれらの小道具を削除してください

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" 
     />