我是新的反应和javascript,并已收到将现有应用程序从客户端呈现更改为服务器端呈现的任务。我已经遵循了此存储库的结构(https://github.com/ayroblu/ssr-cra-v2.1),并且能够在服务器端呈现组件。问题是其他组件中包含一些组件,当我检查页面的来源时这些组件是空的。
我有一个包含在root中并成功呈现的组件,但在其中我包含了其他路由,这些路由没有在服务器端呈现:
<div className="layout-content">
<Switch location={location}>
{routes.map(route => ( <Route key={route.name} path={route.path} component={route.component} exact/> ))}
</Switch>
</div>
在这种情况下,源页面包含一个空div。 我将不胜感激任何帮助!
此致 安德鲁