无法以编程方式更改React-Router中的路由

Question

我将React Router用于单页应用程序路由。 我有多个组件，这些组件会根据用户事件（例如click）而变化。

现在的问题是，对于IndexRoute，我的路由工作正常，但是对于随后的路由却中断了。 根据我的分析，react-router完美地呈现了第二个组件，但是ReactDOM.render方法在成功呈现后将url添加为＃。 它混淆了react-router并使它呈现默认路由。

谁能帮我解决这个问题？

注意：我想知道为什么ReactDOM.render向URL添加空的'＃'

Answer 1

您可能尚未启用React-Router提供的“ browserHistory”功能（上次我检查过，默认为“ hashHistory”）。

尝试将其添加到主文件（React应用程序的客户端入口点）中：

import { render } from 'react-dom'
import { Router, browserHistory } from 'react-router'
import routes from './routes'

/* The rest of your other code... */

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

看看您是否仍然遇到该问题。