Reactjs 导航到新页不会导致卸载上一页

Reactjs 导航到新页不会导致卸载上一页,reactjs,ionic-framework,react-router,ionic4,Reactjs,Ionic Framework,React Router,Ionic4,我有一个简单的ionic应用程序,带有一个IonReactRouter <IonApp> <IonReactRouter> <IonSplitPane contentId="main"> <Menu selectedPage={selectedPage} /> <IonRouterOutlet id="main"> <Route path="/new-user" component=

我有一个简单的ionic应用程序,带有一个
IonReactRouter

<IonApp>
  <IonReactRouter>
    <IonSplitPane contentId="main">
      <Menu selectedPage={selectedPage} />
      <IonRouterOutlet id="main">
      <Route path="/new-user" component={NewUser}  />
      <Route path="/users" component={UserList}  />
      </IonRouterOutlet>
    </IonSplitPane>
  </IonReactRouter>
</IonApp>

新用户
用户
之间导航时,不会卸载相应的页面(
新用户
用户列表
):

根据这是设计的

我们需要在dom中控制和保持页面,即使用户为了页面转换和状态目的而离开页面


然而,我发现大多数最终用户希望点击“新用户”可以显示页面的新副本。如何使页面卸载或实现相同的目标,并在单击链接时“重置”页面?

每次用户导航到新用户页面时,您都可以使用Ionic Lifecycle事件重置表单的状态。IonViewWillEnter将在每次显示页面时触发,即使React已装入该页面


查看文档了解用法信息:

每次用户导航到新用户页面时,您都可以使用Ionic Lifecycle事件重置表单的状态。IonViewWillEnter将在每次显示页面时触发,即使React已装入该页面


查看文档了解使用信息:

您能提供一个在线演示吗?我想在演示的基础上制作这个HOC,只要你不知道如何实现它,你能提供一个在线演示吗?我想在演示的基础上做一个HOC,只要你不知道如何实现它,我已经按照文档将所有4种生命周期方法添加到我的功能组件
NewUser
,但它们都没有触发-没有错误-可能是什么?它们是IonReactRouter的后代吗?触发事件是必需的。我已根据文档将所有4种生命周期方法添加到我的功能组件
NewUser
中,但它们都没有触发-没有错误-这可能是什么?@wal它们是IonReactRouter的后代吗?这是事件发生的必要条件。