Reactjs 导航到新页不会导致卸载上一页
我有一个简单的ionic应用程序,带有一个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=
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的后代吗?这是事件发生的必要条件。