javascript - 如何在Reactjs中动态创建页面

Question

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

当用户 A 登录应用程序时，用户 A 可以在他的仪表板中看到 X 和 Y，并且可以单击并重定向这些页面

当用户 B 登录应用程序时，用户 B 可以在他的仪表板中看到 X 和 Z，并且可以单击并重定向这些页面

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

我希望我能说出我的问题。提前致谢。

Answer 1

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

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