2017-05-02 40 views
1

我想反应,路由添加到我的应用程序,我有下面的代码:路线没有定义反应路由器和春季启动服务器

进口从阵营“反应”; 从'react-dom'导入ReactDOM;

import { Router, browserHistory } from 'react-router'; 

import App from './App.js'; 

ReactDOM.render(
    <Router history={browserHistory}> 
     <Route exact path="/" component={App} /> 
    </Router>, 
    document.getElementById('root') 
); 

应用:

import React from 'react'; 

class App extends React.Component { 
    render() { 
     return (
       <div className="container"> 
        Hello 
       </div> 
       ); 
    } 
} 

export default App; 

我有侦听8080弹簧启动服务器,在brouser我检查本地主机时出现错误:8080(调试Mozilla的):

ReferenceError: Route is not defined 

我有“反应路由器”:“^ 4.1.1”。

编辑: 进口路线,但我现在得到:

TypeError: i.props.history is undefined 

UPDATE: 安装反应路由器3.0.2和工作。

回答

0

刚刚从反应路由器导入路由

import { browserHistory, Router, Route } from 'react-router';

+0

在导入路由后,我得到:TypeError:i.props.history未定义 –

+0

使用react路由器3.0.2 –

0

您需要使用BrowserRouter或HashRouter从反应路由器-DOM包,而不是从反应路由器包路由器,如果使用的是反应路由器网页浏览器。

你应该永远不需要自己导入react-router,react-router-dom会为你做这件事。