reactjs – 使用browserHistory的React路由器在每次更改URL时都

发布时间：2020-12-15 20:42:17 所属栏目：百科来源：网络整理

导读：我做的事情如下： Router history={browserHistory}{routes}/Router 当我在上面的地址栏中的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的回答中提到的组件.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!