如何在Reactjs中动态创建页面

时间:2017-07-24 07:44:20

标签: javascript reactjs react-native

实际上,我想设计一个应用程序,每个用户都有不同的页面。例如,UserA有X和Y页面,UserB有X和Z页面。

当UserA记录应用程序时,UserA可以在其信息中心中查看X和Y,并可以单击并重定向这些页面

当UserB记录应用程序时,UserB可以在其信息中心中查看X和Z,并可以单击并重定向这些页面

我看了一些例子,但他们只解释动态创建组件。是的,通过这些示例,我可以在他们的仪表板中显示他们的X和Y,Y和Z.但是,我想要这些X,Y,Z应该是动态页面。

我希望,我可以告诉我的问题。提前谢谢。

1 个答案:

答案 0 :(得分:1)

以动态方式更改页面本身并不困难。例如,根React组件可以查看/匹配History API中的当前URL /条目,或JWT或InitialState中的某些信息,并依赖于它执行渲染适当的子组件,即您的术语中的Page。

当您希望所有用户都看不到页面的源代码时,就会遇到困难。或者有许多与它们捆绑在一起的页面开始占用太多位置,同时在浏览器中加载时间。但在这种情况下还有一个决定 - 请参阅webpack chunks https://webpack.js.org/guides/code-splitting/