Question

我目前正在减少redux-react并开发一个简单的应用程序。我想在我的应用程序中使用redux-form。在我的组件中，我有以下代码

部件/ AddNewCategory.jsx：

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

class CategoryNew extends Component {
    render() {
        const { fields: { title, desc }, handleSubmit } = this.props;
        console.log(title);

        return (
            <form onSubmit={handleSubmit}>
                <h3>Create A New Category</h3>
                <div className="form-group">
                    <label>title: </label>
                    <input type="text" className="form-control" />
                </div>  
                <div className="form-group">
                    <label>Description: </label>
                    <input type="text" className="form-control" />
                </div>  
                <button type="submit" className="btn btn-primary">Submit</button>
            </form>         
        );
    }
}
export default reduxForm({
    form: CategoryNewForm,
    fields: ['title', 'desc']   
})(CategoryNew);

当我运行应用程序时，我收到以下错误： ./src/app/admin/components/add_new_category/AddNewCategory.jsx 第28行：'CategoryNewForm'未定义为no-undef 搜索关键字以了解有关每个错误的更多信息。

请建议我如何解决此错误。提前谢谢。

Answer 1

export default reduxForm({
    form: 'CategoryNewForm',
    fields: ['title', 'desc']   
})(CategoryNew);

表单名称应为字符串

在使用redux-form时，不会将'CategoryNewForm'定义为no-undef

1 个答案: