2017-03-25 7 views
0

Ich kann meine connect()() Komponente nicht zu Requisiten zuordnen und dann mein this.props zur Verbindung mit meinem Redux-Speicher destrukturieren.React/Redux connect (mapStateToProps)() gibt undefined für this.props zurück

Ich bekomme einen Konsolenfehler, const {items} = this.props; zeigt, dass items nicht definiert ist.

Beigefügt ist ein Kern meines Codes.

https://gist.github.com/ericchen0121/6bc0654563fa71ab04dd69e0bfeb6668

+0

haben Sie versucht, 'reduxState.items' in der' mapStateToProps' Funktion zu loggen? Versuchen Sie auch, 'this.props.items' in' componentDidMount' der 'connectedItems' Klasse zu protokollieren. 'Gegenstände' Requisiten sind möglicherweise leer. –

+0

Haben Sie versucht, Ihren 'createStore' zu ​​modifizieren? Basierend auf den Dokumenten sollte der 2. Param eine [Reducer-artige] Struktur sein, aber Sie haben die Enhancer übergeben? – JohnnyQ

+0

Ich habe versucht, diesen Code auf meinem Computer ausgeführt und Speicher ordnungsgemäß erstellt wird. 'reduxState.items' ist nicht leer, ich habe es in Redux Dev Tools überprüft. Ich werde mir das am Abend genauer ansehen. – vasekhlav

Antwort

1

fand ich heraus, was der Fehler ist. In Ihrer App.js Datei möchten Sie Items Container mit

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

importieren, wenn es tatsächlich so sein sollte:

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

Here ist eine gute Antwort in Bezug auf Import/Export in ES6.

+0

Vielen Dank, dass Sie den Fehler entdeckt haben. Du hast recht, ich habe versucht, Items 'import {Items} von ... 'zu destrukturieren, als ich' export default' bereits in der Datei '../ contains/Items' verwendet habe. –

+1

Froh, dass ich geholfen habe :) – vasekhlav