Déclarant Réagir Itinéraires dans un fichier séparé et de l'Importation de

Je suis nouveau à Réagir, j'ai essayé de déclarer les routes dans des fichiers séparés et ensuite l'utiliser dans le fichier d'index.
Voici mon routes.js.

import React from 'react';
import ReactDOM from 'react-dom';
import {
  BrowserRouter as Router,
  Route
} from 'react-router-dom';
import App from './components/App';
import Template1 from './components/template1';
import Template2 from './components/template2';
import Template3 from './components/template3';

const routes = (
          <Route exact path="/" component={App}>
          <Route exact path="/sessionstate1" component={Template1}/>
          <Route exact path="/sessionstate2" component={Template2}/>
          <Route exact path="/sessionstate3" component={Template3}/>
    </Route>
)

export default routes

et index.js

import React from 'react';
import ReactDOM from 'react-dom';
import {
  BrowserRouter as Router,
  Route,Redirect
} from 'react-router-dom';
import './styles/css/index.css';
import routes from './routes.js';

ReactDOM.render(
        <Router history={browserHistory} routes={routes} />,
        document.getElementById('root')
        );

Je ne suis pas l'obtention de toute erreur ou d'avertissement, mais la page ne se charge pas. S'il vous plaît dites-moi ce que je suis absent
Grâce

aussi loin que je peux voir, il n'y a pas accepté les réponses. Pourriez-vous trouver un moyen pour faire cela?

OriginalL'auteur Vipin | 2017-03-26