我在 RR 3 的服务器端渲染方面做了很多工作,所以我想看看它在 v4 的上下文中是如何工作的。我按照网站上的教程进行操作,但是由于渲染是与路由匹配一起进行的,因此无法像以前那样实现预取数据。
以下是我过去使用 v3 进行服务器渲染的方式: https://github.com/alexnm/react-seed/blob/master/server/index.js
基于匹配函数,我将从所有组件树调用所有预取函数,然后等待 Promise.all
让他们完成,然后触发 renderToString
函数并返回 html。
在 RR4 中,我们只有 <ServerRouter>
组件,所以我提出的当前解决方案是复制渲染代码:
https://github.com/FortechRomania/react-redux-complete-example/blob/master/src/server/index.js
我也在使用 render
<Match>
上的函数标记以触发预取操作。这很丑陋,并且在我要使用预取数据呈现的页面的父组件中引入了各种依赖项。
我在这里错过了什么?有没有人为这种情况找到更好的解决方案?我还没有发现任何有用的东西。
最佳答案
关于javascript - 使用 react-router v4 和预取数据进行服务器渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41788821/