无法在输入组件中以Redux形式输入任何内容

Question

我正在玩Reduce形式。我处于这种情况下，我无法在附加的输入字段中输入值。无论我想输入什么，光标仍然处于起点。

我的问题是一种类似于：Redux Form - Not able to type anything in input

附件是我的代码。

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); 

附件是我的package.json

附件是我的情景：

任何帮助，将不胜感激。

Answer 1

您在混合v5和v6的用法。

摆脱render()方法中的email变量，您应该没问题。