reactjs - 如何在 Ionic React 中添加全局组件（导航）

Question

我正在尝试在我的 Ionic React 项目中添加一个全局导航/菜单栏组件，就像您在任何网站上所做的那样。

所以我创建了一个标准<Nav/>组件 i React，但似乎我只能将它添加到我的 Ionic 应用程序的特定页面中，而不是在我App.tsx设置路由器的文件中。

我的App.tsx组件如下所示：

const App: React.FC = () => (
  <IonApp>
    <IonReactRouter>
      <IonRouterOutlet>
        <Route exact path="/" component={Home} />
        ...
      </IonRouterOutlet>
    </IonReactRouter>
  </IonApp>
);

我想像我通常在标准的 create-react-app 项目中所做的那样将我的添加<Nav/>到下面的第 4 行。<IonReactRouter>

但是，如果我这样做，<Nav/>则不会渲染，也不会出现错误。

那不可能吗？我需要添加<Nav/>到项目中的每个页面吗？

Answer 1

刚得到朋友的帮助。这个问题真的很傻...

问题只是我的<Nav/>组件需要更高的z-index，由于某种原因它被放置在内容后面。