警告：<input>タグの不明な小道具 `input`、` meta`。要素からこれらの小道具を削除

私はredux形式を使用してフォームを作成しようとしていますが、私はそれを修正することができない警告とエラーを受け取ります。ここに警告とエラーがあります： 1.Warning：Unknown props input,meta on tag。要素からこれらの小道具を取り除く。 2.Uncaught Error：入力は空白要素のタグであり、childrenを持たず、dangerouslySetInnerHTMLを使用してはいけません。バインドされたcreateElementのレンダリングメソッドを確認してください。警告：<input>タグの不明な小道具 `input`、` meta`。要素からこれらの小道具を削除

これは私のコードです：

import React, { Component } from 'react'; 
import { reduxForm,Field } from 'redux-form'; 
const { DOM: { input, select, textarea } } = React; 


class Createstudent extends Component { 
    render() { 
    const { handleSubmit } = this.props; 
    return (
     <form onSubmit={handleSubmit}> 
     <div> 
      <label>First Name</label> 
      <Field name="firstName" component={input} type="text"/> 
     </div> 
     <div> 
      <label>Last Name</label> 
      <Field name="lastName" component={input} type="text"/> 
     </div> 
     <div> 
      <label>Email</label> 
      <Field name="email" component={input} type="email"/> 
     </div> 
     <button type="submit">Submit</button> 
     </form> 
    ); 
    } 
} 

// Decorate the form component 
Createstudent = reduxForm({ 
    form: 'contact' // a unique name for this form 
})(Createstudent); 

export default Createstudent;

出典

2017-02-07 Abhilash Muttalli