我做的事情如下:
<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的回答中提到的组件.