我是React的新手,我正在尝试按照Udemy教程制作小应用程序。该应用程序包含一个表单。当我将redux-form库导入到我的项目中时,我收到了以下控制台错误。
的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;
答案 0 :(得分:2)
我有同样的错误。我如何解决的是将redux-form升级到v5.2.6。然后使用Ctrl + c停止终端中的服务器,运行npm i以引入redux -form依赖关系。然后重新启动您的项目。
这应该可以修复错误。 希望对您有所帮助。
答案 1 :(得分:1)
使用版本5.3.6。 肯定会解决问题。
答案 2 :(得分:0)
使用软件包管理器安装更新是不够的。 更新redux-form后,您需要重新安装本地主机。 使用: