使用react-router v4进行服务器渲染并预取数据

Ale*_*van 7 javascript reactjs react-router server-rendering

我使用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>来触发预取操作.它很丑陋,并在我想用预取数据呈现的页面的父组件中引入了各种依赖项.

我在这里错过了什么?有没有人为这种情况找到更好的解决方案?我还没有找到任何有用的东西.