我有3个具有此结构的应用程序：
methods.get('help').run();
在我的import React from 'react'
export default React.createClass({
render() {
return <div>Hey App1!</div>
}
})
import React from 'react'
export default React.createClass({
render() {
return <div>Hey App2!</div>
}
})
import React from 'react'
export default React.createClass({
render() {
return <div>Hey App3!</div>
}
})
：
main.js但是，当我在浏览器中尝试import React from 'react'
import ReactDOM from 'react-dom'
import {Router, Route, browserHistory, IndexRoute } from 'react-router'
import App1 from './modules/App1.js'
import App2 from './modules/App2.js'
import App3 from './modules/App3.js'
ReactDOM.render((
<Router history={browserHistory}>
<Route path="/" component={App1}>
<IndexRoute component={App1} />
<Route path="app1" component={App2} />
<Route path="app2" component={App3} />
</Route>
</Router>
), document.getElementById('app'))
或/#/app1地址时，会显示/#/app2结果（表示'嘿App1'）。
我的Reactjs版本是：/
答案 0 :(得分：2)
您的首选历史记录为browserHistory。然后，网址应该看起来像example.com/some/path。
因此，请在网址中尝试/app1或/app2而不使用哈希。
哈希历史记录使用URL的哈希（＃）部分，创建类似于example.com /＃/ some / path的路由。
如果您想在网址传递hashHistory中使用哈希作为道具，而不是browserHistory