

Reduxのサンプルコードである。[async](https://github.com/reactjs/redux/tree/master/examples/async)にreact-
routerを導入しました。しかし、index.jsとroutes.jsを下記のように作成したところ、containers/App.jsの`componentDidMount`が呼ばれずにViewが表示されなくなってしまいました。どこが間違っているのかわかりますか。

index.js

[code]

    import 'babel-polyfill';
    import React from 'react';
    import { render } from 'react-dom';
    import { Provider } from 'react-redux';
    import { Router, useRouterHistory } from 'react-router';
    import { createHashHistory } from 'history';
    import configureStore from './store/configureStore';
    import routes from './routes';
    
    const history = useRouterHistory(createHashHistory)({queryKey: false});
    const store = configureStore();
    
    render(
      <Provider store={store}>
        <Router history={history} routes={routes} />
      </Provider>,
      document.getElementById('root')
    )
    
[/code]

routes.js

[code]

    import React from 'react';
    import { Route, IndexRoute } from 'react-router';
    
    import { App } from './containers/App';
    
    
    export default (
        <Route path='/'>
          <IndexRoute component={App}/>
        </Route>
    );
    
[/code]

エラーは特に出てません。


CC BY-SA 3.0
2016-04-30T05:09:30.233
24468
2021-12-03T07:05:20.577
7232
question
javascript reactjs redux
react-routerを導入するとcomponentDidMountが呼ばれなくなった

[code]

    import { App } from './containers/App';
    
[/code]

ではなく

[code]

    import App from './containers/App';
    
[/code]

ではないでしょうか。ブラウザの Console にエラーが出ていると思います。


CC BY-SA 3.0
2017-03-28T04:14:24.083
33597
2017-03-28T04:14:24.083
8771
24468
answer