React/Redux connect(mapStateToProps)() is returning undefined for this.props

Question

I'm unable to get my connect()() component to map state to props and then destructure my this.props to connect to my redux store.

I get a console error that const {items} = this.props; shows that items is undefined.

Attached is a gist of my code.

have you tried console logging `reduxState.items` in `mapStateToProps` function? Also try logging `this.props.items` in `componentDidMount` of `connectedItems` class. `items` props might be empty. — Noushad, Mar 25 '17 at 08:01
Have you tried modifying your `createStore`? Based on the docs the 2nd param should be a [reducer-like](http://redux.js.org/docs/api/createStore.html) structure but you passed in the enhancers? — JohnnyQ, Mar 25 '17 at 08:15
I've tried running this code on my machine and store is created properly. `reduxState.items` is not empty, I checked it in Redux Dev Tools. I'm going to look into this more in the evening. — vasekhlav, Mar 25 '17 at 11:19

score 2 · Accepted Answer · edited May 23 '17 at 11:54

2

I found out what the bug is. In your App.js file you want to import Items container using

import { Items } from '../containers/Items'

when it should actually be like this:

import Items from '../containers/Items'.

Here is a good answer regarding import/export in ES6.

edited May 23 '17 at 11:54

Community

answered Mar 25 '17 at 17:20

vasekhlav

Thank you for spotting the bug. You're right, I was trying to destructure Items `import { Items } from ...` when I was already using `export default` in the `../containers/Items` file. – Eric Chen Apr 02 '17 at 00:54
1

Glad I helped :) – vasekhlav Apr 02 '17 at 08:24

1 Answers1