使用react redux的简单Redux形式

Question

在执行以下代码段时，出现以下错误。错误：字段必须在用reduxForm（）装饰的组件内部

src / components / LoginForm / index.js

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

class LoginForm extends Component {
    render () {
        const {handleSubmit} = this.props;
        return (
            <form onSubmit={handleSubmit}>
                <Field 
                    name="username"
                    component="input"
                    type="text"
                    placeholder="Username"
                />

                <Field 
                    name="password"
                    component="input"
                    type="password"
                    placeholder="Password"
                />
                <button type="submit" label="submit">Submit</button>
            </form>    
        );
    }
}

export default reduxForm({
    form: 'simpleform'
})(LoginForm)

在执行以下代码段时，出现以下错误。错误：字段必须在用reduxForm（）src / components / LoginForm / index.js装饰的组件内import React，{...

Answer 1

尝试一下，它也是类组件，而不是功能组件，所以您如何在App.js中导入LoginForm