Я новичок в 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);
также импортируется redux-form
в редукторы _> 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;