Warum ist ReactRedux nicht definiert?

Question

Ich benutze Webpack und Babel. Ich habe eine Datei wie folgt aus:

import React from 'react'; 
import ReactRedux from 'react-redux'; 

var Layout = React.createClass({ 
    render(){ 
    return (<div>Markup</div>); 
    } 
}); 


function mapStateToProps(state, action) { 
    return state; 
} 

export default ReactRedux.connect(mapStateToProps)(Layout); 

Aus irgendeinem Grund, wenn ich webpack laufen, nach dem Kompilieren, läuft es mit diesem Fehler: Cannot read property 'connect' of undefined. Nicht sicher, warum es beim ReactRedux-Objekt fehlschlagen würde. Meine Webpack-Konfiguration ist wie folgt:

Answer 1

Dies liegt daran, dass das react-redux-Paket keinen Standard-Export auf dem Modul hat. Sie können die Verbindungsfunktion zugreifen manuell mag:

import { connect } from 'react-redux'; 

...

export default connect(mapStateToProps)(Layout);