Html 无法在Redux表单的输入组件中键入任何内容

我在玩redux表单。我所处的情况是，我无法在附加的输入字段中键入值。无论我试图键入什么，光标仍然在起始点

我的问题类似于：

附件是我的密码

Login.js：

 import React,{ Component } from 'react';
 import  { Field, reduxForm, Form } from 'redux-form';

 class Login extends Component {

     handleFormSubmit = (e) => {
     //handling login data.
     console.log('hi');
     console.log(e);
 };


 render() {
     //  console.log(this.props);
    console.log(this.props);
    const {handleSubmit, fields:{email}} = this.props;

  return (
      <Form onSubmit ={handleSubmit(this.handleFormSubmit.bind(this))}>

       <fieldset className="form-group">
       <label>Email:</label>
       <Field name="email" component="input" type="text"      
        className="form-control" {...email}/>
      </fieldset>

      <button type="submit" className="btn btn-lg btn-primary">
       SignIn
     </button>
    </Form>
);
}
}

export default reduxForm({
  form: 'LoginForm',
  fields: ['email']
  })(Login);

import React，{Component}来自'React'；
从'redux Form'导入{Field，reduxForm，Form}；
类登录扩展组件{
handleFormSubmit=（e）=>{
//处理登录数据。
console.log（'hi'）；
控制台日志（e）；
};
render（）{
//console.log（this.props）；
console.log（this.props）；
const{handleSubmit，字段：{email}}=this.props；
返回(
电邮：
签名
);
}
}
导出默认reduxForm({
表单：“LoginForm”，
字段：[“电子邮件”]
})（登入）；

附件是my package.json

附件是我的场景：

---

任何帮助都将不胜感激。

您正在混合使用

v5

和

v6

用法

---

去掉

render（）

方法中的

email

变量，您应该没事。

有错误吗？这个对象包含什么内容？