ReactReduxが定義されていないのはなぜですか？

Question

私はwebpackとbabelを使用しています。何らかの理由で

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); 

私はWebPACKのを実行すると、コンパイルした後、それがこのエラーで実行されます：Cannot read property 'connect' of undefined私はこのようなファイルを持っています。なぜReactReduxオブジェクトを取得する際に失敗するのか不明です。私のWebPACKの設定は、このようなものです：

var compiler = webpack({ 
    entry: "./dist/runner.js", 
    module: { 
     loaders: [ 
     { 
      test: /\.jsx?$/, 
      exclude: /(node_modules|bower_components)/, 
      loader: 'babel', // 'babel-loader' is also a legal name to reference 
      query: { 
      presets: ['es2015', 'react'] 
      } 
     } 
     ] 
    }, 
    devtool: 'source-map', 
    output: { 
     filename: "public/dist/bundle.js" 
    } 
}); 

Answer 1

反応-Reduxのパッケージには、モジュールのデフォルトのエクスポートを持っていないためです。あなたはconnect関数にアクセスすることができ、手動で好き：

import { connect } from 'react-redux'; 

...

export default connect(mapStateToProps)(Layout);