0

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

index.js

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

routes.js

import React from 'react';
import { Route, IndexRoute } from 'react-router';

import { App } from './containers/App';


export default (
    <Route path='/'>
      <IndexRoute component={App}/>
    </Route>
);

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

1 件の回答 1

-1
import { App } from './containers/App';

ではなく

import App from './containers/App';

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

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。