React SSR根据API响应动态导入组件

时间:2018-05-10 09:06:23

标签: javascript node.js reactjs express react-router-v4

我正在使用razzle工具构建SSR React应用程序。服务器正在使用快速框架。我想根据API响应中包含的值动态加载React组件。

我的文件夹结构如下:

视图
- 默认
- Home.js
- theme1
- Home.js

我正在使用SSR。在服务器上我有

const markup = renderToString( 
<Provider store={store}> 
   <StaticRouter context={context} location={req.url}> 
      <App theme={theme} /> 
   </StaticRouter> 
</Provider> 
);

App 组件中,我需要从相应的子文件夹导入组件,或者如果不存在,则从默认子文件夹中导入默认组件。可以有许多主题子文件夹,因此我无法手动导入所有组件。

这应该通过快递在服务器上完成还是有另一种方式?

由于

0 个答案:

没有答案