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

标签 javascript reactjs react-native

实际上,我想设计一个应用程序,每个用户都有不同的页面。例如,用户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/

相关文章:

javascript - event.preventDefault() 不等待 promise 解决

javascript - php 类在加载前组合 css 和 js 文件

javascript - jQuery/javascript - 加载前获取图像大小

reactjs - 使用 React Native Web 时如何能够选择文件?

javascript - Redux normalizr + 处理减少的响应

react-native - 无法运行程序 "npx": error=2, 运行 React Native 应用程序时没有这样的文件或目录

react-native - 如何在我的 React Native 项目中获取值

javascript - ASP.NET On Response.Write to iframe 完成

javascript - 图未呈现 - Dagre-d3

react-native - 如何显示分页 ScrollView 的当前页码?