反应已安装的反应路由器，但无法获得页面呈现

我已经安装了反应路由器，我试图让主页面呈现。反应已安装的反应路由器，但无法获得页面呈现

这是当前index.js

import React, { Component, PropTypes } from 'react'; 
import { Router, Route } from 'react-router'; 

import Layout from './components/Layout'; 
import NewsComponent from './components/NewsComponent'; 

<Router> 
    <div> 
    <Route exact path="/" component={Layout} /> 
    <Route path="/news" component={NewsComponent} /> 
    </div> 
</Router> 

const app = document.getElementById('app') 

ReactDOM.render(
    <Router history={hashHistory}> 
    <Route path="/" component={Layout} /> 
    </Router>, app);

布局组件包含页面的布局。

我错过了什么？

我是我做错了吗？

来源

2017-04-20 JakeBrown777

你可能会从'import'语句中缺少'hashHistory'并导致网页无法正确加载。我不知道你是否遗漏了这个例子，或者你真的错过了它（与ReactDOM相同） –

有一些引用你缺少，我不知道你是否已经省略了他们只是为了这个例子，或者你真的想念他们。试试这个：

import React from 'react'; 
import ReactDOM from 'react-dom'; //Missing in your example 
import { 
    Router, 
    Route, 
    browserHistory //Missing in your example 
    } from 'react-router'; 
import Layout from './components/Layout'; 

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

然后在你的组件，你甚至可以通过历史导航：

import { hashHistory } from 'react-router' 

//Dont forget to bind this in the constructor 
yourMethod (someParams) { 
    hashHistory.push(someUrl) 
}

来源

2017-04-20 16:32:41

我得到一个错误与hashHistory - TypeError：_this.props.history是未定义的 – JakeBrown777

尝试替换'hashHistory'用' browserHistory'。您是否尝试过我提出的代码，或者您的代码收到了错误？另外，如果你不介意分享你的'布局'组件，请......我怀疑那里有什么问题，这听起来你没有约束某些方法，你正在使用'this.props.history' –

@ JakeBrown777你有机会看看我说的话吗？让我知道。谢谢 –