Reactjs 在侧栏菜单中选择时未更新内容

我目前正在开发我的第一款带有react和Ionic的PWA。我刚从边栏模板开始。然而，我被困在路由

在我的

App.tsx

文件中，我添加了以下内容：

<IonApp>
  <IonReactRouter>
    <IonSplitPane contentId="main">
      <Menu />
      <IonRouterOutlet id="main">
        <Route path="/widget" component={Widgets} exact />
        <Redirect from="/" to="/widgets" exact />
      </IonRouterOutlet>
    </IonSplitPane>
  </IonReactRouter>
</IonApp>

如果我在菜单中选择“widgets”页面，URL将更改为

/widgets

，但UI不会更新。它仍然是这样的：

我确信，我的小部件页面可以正常工作。

---

谢谢你的帮助

/widget

vs

/widgets

我想你有拼写错误