Javascript 无法以编程方式更改react路由器中的路由

Javascript 无法以编程方式更改react路由器中的路由,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我正在使用react路由器进行单页应用程序路由。我得到了多个组件,它们将根据用户事件(如单击)进行更改 现在的问题是,对于IndexRoute,我的路由工作正常,但对于后续路由,它会中断。根据我的分析,react router完美地渲染了第二个组件,但react dom.render方法在成功渲染后向url添加了“#”。它会混淆react路由器并使其呈现默认路由 有人能帮我解决这个问题吗 注意:我想知道为什么ReactDOM.render会将空“#”添加到url很可能您没有启用React Rou

我正在使用react路由器进行单页应用程序路由。我得到了多个组件,它们将根据用户事件(如单击)进行更改

现在的问题是,对于IndexRoute,我的路由工作正常,但对于后续路由,它会中断。根据我的分析,react router完美地渲染了第二个组件,但react dom.render方法在成功渲染后向url添加了“#”。它会混淆react路由器并使其呈现默认路由

有人能帮我解决这个问题吗


注意:我想知道为什么ReactDOM.render会将空“#”添加到url

很可能您没有启用React Router提供的“browserHistory”功能(上次我检查时,它默认为“hashHistory”)

尝试将其添加到主(React应用程序的客户端入口点)文件:

从'react dom'导入{render}
从“react Router”导入{Router,browserHistory}
从“/routes”导入路由
/*其他代码的其余部分*/
渲染(
,
document.getElementById('app')
)

查看您是否仍然存在该问题。

很可能您尚未启用React Router提供的“browserHistory”功能(上次我检查时,它默认为“hashHistory”)

尝试将其添加到主(React应用程序的客户端入口点)文件:

从'react dom'导入{render}
从“react Router”导入{Router,browserHistory}
从“/routes”导入路由
/*其他代码的其余部分*/
渲染(
,
document.getElementById('app')
)

看看你是否仍然会遇到这个问题。

你能编辑你的问题并添加一点代码吗?你能编辑你的问题并添加一点代码吗?
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')
)