reactjs – 使用browserHistory的React路由器在每次更改URL时都会转到服务器

前端之家收集整理的这篇文章主要介绍了reactjs – 使用browserHistory的React路由器在每次更改URL时都会转到服务器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我做的事情如下:
<Router history={browserHistory}>{routes}</Router>

当我在上面的地址栏中的URL更改时,调用将转到服务器,但这不是我想要的,我希望第一次从服务器加载页面,但之后只要路由更改组件只在客户端加载.我在这里错过了什么吗?

在客户端我做的事情如下:

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

我的路线看起来像:

const routes = <Route path="/" component={DJSAppContainer}>
<Route path="page" component={DJSPage}>
<Route path="/page/:pageName" component={PageContainer}/>
</Route>
</Route>;

现在每当我做location.href =“/ page / xyz”时,它都会转到服务器并加载内容.

您不应该直接更改location.href.您应该使用以下命令将新路径发送到React:
ReactRouter.browserHistory.push(newPath);

如果您有锚标记,则应使用< Link> @ ahutch的回答中提到的组件.

猜你在找的React相关文章