I am trying to integrate redux into my react app and I am having issues while doing mapStateToProps.
GitHub:- https://github.com/PradhumnaPancholi/Star-Wars ( branch - redux-installation )
Code:-
const CharacterList = (/*props*/) => {
//to iterate list of characters//
const characterCard = this.props.characters.map((character) => {
return(
<div className = "col-md-4 col-sm-12">
<CharacterCard
key = {character.name}
character = {character}
/>
</div>
)
})
return(
<ul className="row character-list">
{characterCard}
</ul>
)
}
const mapStateToProps = state => ({
characters: state.characterReducer
})
export default connect(mapStateToProps)(CharacterList)