【问题标题】:How to setup nested routing and nested components in ReactJS如何在 ReactJS 中设置嵌套路由和嵌套组件
【发布时间】:2021-08-20 10:03:51
【问题描述】:

我正在尝试使用 ReactJS 实现仪表板 (Admin-UI),但问题是我无法为此设置嵌套路由和组件。我想在同一页面(主页)上加载组件而不转到新页面,以及加载基于 SideNav 的组件。怎么做? Admin-UI

【问题讨论】:

    标签: javascript reactjs user-interface react-router react-hooks


    【解决方案1】:

    实现这一目标的一种非常高级的方法是:

    有一个 home 组件,它包含 2 个组件,侧导航和显示屏幕。

    在 home 组件中声明所有控制状态,并将它们作为 2 个子组件的 props 传递。 使用 side nav 改变 home 组件中的控制状态,并使用这些状态和一些条件逻辑来渲染显示屏幕内的组件。

    另外,以后请添加代码sn-p。人们将能够更好地帮助您。

    【讨论】:

      猜你喜欢
      • 2019-08-13
      • 1970-01-01
      • 2021-05-16
      • 1970-01-01
      • 2018-12-28
      • 1970-01-01
      • 1970-01-01
      • 2014-11-24
      相关资源
      最近更新 更多