Я получаю сообщение об ошибке при использовании redux-form
Сообщение об ошибке в консоли:
- bundle.js: 32511 Неперехваченная ошибка: необходимо либо передать handleSubmit () функцию onSubmit, либо передать onSubmit как опору (…)
указанная выше ошибка появилась при загрузке страницы и нажатии кнопки
Пожалуйста, обратитесь к приведенному ниже образцу кода, который вызывает ошибку консоли.
import React, { Component } from 'react';
import { reduxForm } from 'redux-form';
import { createPost } from '../actions/index';
class PostsNew extends Component {
render() {
const { fields: { title, categories, content }, handleSubmit } = this.props;
return (
<form onSubmit={handleSubmit(this.props.createPost)}>
<h3>Create a new Post</h3>
<div className="form-group">
<label>Title</label>
<input type="text" className="form-control" {...title}/>
</div>
<div className="form-group">
<label>Categories</label>
<input type="text" className="form-control" {...categories}/>
</div>
<div className="form-group">
<label>Content</label>
<textarea className="form-control" {...content}/>
</div>
<button type="submit" className="btn btn-primary">Submit</button>
</form>
);
}
}
export default reduxForm({
form: 'PostsNewForm',
fields: ['title', 'categories', 'content']
}, null, { createPost })(PostsNew);
Это было пошаговое продолжение руководства по сокращению StephenGrider.
Заранее спасибо :)