Ionic React-如何防止Ionic Tabbar创建的重新绘制路线

Question

我正在使用Ionic Framework和React创建一个具有四个主选项卡的应用程序。其中一个选项卡是地图组件。我的问题是，当我切换选项卡时，React每次都会重新发送它们。例如，假设用户在地图上找到了一个位置，想要查看另一个选项卡，然后切换回地图。用户必须能够继续他留在地图上的位置。有什么办法做到这一点吗？

代码：

<IonTabs>
<IonRouterOutlet>
<Route exact path="/map">
<Map />
</Route>
<Route exact path="/second">
<Second />
</Route>
<Route exact path="/Third">
<Third />
</Route>
<Route exact path="/fourth">
<Fourth />
</Route>
</IonRouterOutlet>
<IonTabBar slot="bottom">
<IonTabButton tab="map" href="/map">
<IonLabel>Map</IonLabel>
</IonTabButton>
<IonTabButton tab="second" href="/second">
<IonLabel>Second</IonLabel>
</IonTabButton>
<IonTabButton tab="third" href="/third">
<IonLabel>Third</IonLabel>
</IonTabButton>
<IonTabButton tab="fourth" href="/fourth">
<IonLabel>Fourth</IonLabel>
</IonTabButton>
</IonTabBar>
</IonTabs>

Answer 1

您需要在组件中保存映射的状态，以便在重新绘制时，映射显示适当的信息。