TypeError:无法读取未定义的React属性'any'

时间:2018-05-14 04:12:56

标签: javascript reactjs react-redux uncaught-typeerror

我是React的新手,我正在尝试按照Udemy教程制作小应用程序。该应用程序包含一个表单。当我将redux-form库导入到我的项目中时,我收到了以下控制台错误。

enter image description here enter image description here

的package.json

"dependencies": {
    "axios": "^0.18.0",
    "babel-preset-stage-1": "^6.1.18",
    "lodash": "^3.10.1",
    "react": "16.3.2",
    "react-countdown-now": "^1.3.0",
    "react-dom": "16.3.2",
    "react-redux": "5.0.7",
    "react-router": "^3.2.0",
    "redux": "4.0.0",
    "redux-form": "^4.1.3",
    "redux-promise": "^0.5.3"
  }

post_new.js包含表单。

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

class PostsNew extends Component {
    render() {
        return (
            <form onSubmit={handleSubmit}>
                <h3>Create a new post</h3>
                <div className="form-group">
                    <label>Title</label>
                    <input type="text" className="form-control" />
                </div>
                <div className="form-group">
                    <label>Categories</label>
                    <input type="text" className="form-control"/>
                </div> 
                <div className="form-group">
                    <label>Content</label>
                    <textarea className="form-control"/>
                </div>

                <button type="submit" className="btn btn-primary">Submit</button>
            </form>    
        );
    }
}
export default reduxForm(
    {
        form: 'PostsNewForm',
        fields: ['title','categories','content']
    }
)(PostsNew);

还在reducers中导入redux-form _&gt; index.js

import { combineReducers } from 'redux';
import PostReducer from './reducer_posts';
import { reducer as formReducer } from 'redux-form';

const rootReducer = combineReducers({
  posts: PostReducer,
  form: formReducer
});

export default rootReducer;

3 个答案:

答案 0 :(得分:2)

我有同样的错误。我如何解决的是将redux-form升级到v5.2.6。然后使用Ctrl + c停止终端中的服务器,运行npm i以引入redux -form依赖关系。然后重新启动您的项目。

这应该可以修复错误。 希望对您有所帮助。

答案 1 :(得分:1)

使用版本5.3.6。 肯定会解决问题。

答案 2 :(得分:0)

使用软件包管理器安装更新是不够的。 更新redux-form后,您需要重新安装本地主机。 使用:

  • Ctrl +'C'
  • npm i
  • npm start