javascript - 提取 URL 中的 React Router 状态

Question

我将react-router和redux-simple-router与服务器端渲染结合使用，当我导航到如下网址时:

routeActions.push({ pathname: '/main', state: 'some_state'});

我希望能够从请求中提取 some_state ，以便我可以渲染初始 redux 状态并将其发送回客户端。如何从服务器端的请求中提取状态？历史记录和react-router把它放在哪里？

这对于移动设备尤其重要，因为正如我所测试的那样，桌面不会触发单独的请求，但移动设备会触发，这意味着页面会以新的初始状态重新加载。

Answer 1

state 对应于 state in the History API - 它与当前位置相关联，但仅在客户端可用，因此如果您的应用需要支持服务器端渲染，则不适合传递任意数据。

如果您希望它在服务器上可用，则需要将其作为 URL 的一部分。也许作为查询字符串。

Aside: location state is useful in other ways in isomorphic/universal apps, such as passing around POSTed form data to be handled using an onEnter hook, or for passing form data and validation errors to use a redirect transition to respond by rendering an invalid form in the same scenario.