实际上,我想设计一个应用程序,每个用户都有不同的页面。例如,用户A有X和Y页面,用户B有X和Z页面。
当用户 A 登录应用程序时,用户 A 可以在他的仪表板中看到 X 和 Y,并且可以单击并重定向这些页面
当用户 B 登录应用程序时,用户 B 可以在他的仪表板中看到 X 和 Z,并且可以单击并重定向这些页面
我看了一些例子,但它们只解释了动态创建组件。是的,通过这些示例,我可以在仪表板中显示他们的 X 和 Y、Y 和 Z。但是,我希望这些 X、Y、Z 应该是动态页面。
我希望我能说出我的问题。提前致谢。
最佳答案
以动态方式更改页面本身并不困难。例如,根 React 组件可以查看/匹配 History API 中的当前 URL/条目,或者 JWT 或 InitialState 中的某些信息,并依赖它执行渲染适当的子组件,用您的术语来说就是 Page。
当您希望页面的源代码不对所有用户可见时,困难就开始了。或者有很多与它们捆绑在一起的页面开始占据太多位置,同时在浏览器中加载时间也很长。但在这种情况下也有一个决定 - 请参阅 webpack chunks
https://webpack.js.org/guides/code-splitting/
关于javascript - 如何在Reactjs中动态创建页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45274863/