При добавлении статьи у меня появляется форма
компоненты / form.js
import React ,{ Component } from 'react';
import {connect} from 'react-redux';
import uuidvl from 'uuid';
import { addArticle } from '../actions/index';
const mapDispatchtoProps= dispatch=>{
return{
addArticle:article =>dispatch(addArticle(article))
};
};
class ConnectedForm extends Component{
constructor(){
super();
this.state={
title:''
}
}
handleChange(eVal,nm){
this.setState({[eVal.target.id]:eVal.target.value})
}
handleSubmit(ev){
ev.preventDefault();
const { title }=this.state;
const id = uuidvl();
this.props.addArticle({ title , id });
this.setState({title:''});
}
render(){
const {title}=this.state;
return(
<div>
<form onSubmit={this.handleSubmit.bind(this)}>
<input type='text' value={title} id="title" onChange={(e)=>this.handleChange(e.target.value,'article')}/>
<button type="submit">Add</button>
</form>
</div>
);
}
}
const Form =connect('null',mapDispatchtoProps)(ConnectedForm);//**1**
export default Form;
компоненты / list.js
import React from 'react';
import { connect } from 'react-redux';
const mapStateToProps= state =>{
return { articles :state.articles};
}
const connectedList = ({ articles }) =>(
articles.map(e=>(
<li key={e.id}>{e.title}</li>
))
);
const List= connect(mapStateToProps)(connectedList);////**2**
export default List;
Я получаю эту ошибку
Ошибка: недопустимое значение строки типа для аргумента mapStateToProps при подключении компонента ConnectedForm.
src / index.js
<Provider store={store}>
<Router>
<Switch>
<Route exact path="/" component={App}/>
<Route path="/components/Form" component={Form}/>
</Switch>
</Router>
</Provider>
Может кто-нибудь, пожалуйста, дай мне знать, где я иду не так?