如何防止在React中重新加载？

Question

我有两个页面，例如页面A和页面B，页面A可以链接到页面B，页面B具有“返回”按钮可以返回页面A。在页面A内，有一个分页的表，它是一个孩子零件。每次我单击B页上的Return按钮时，都会触发this.porps.history.goBack（）函数并将我带到A页。问题出在这里，每次我从B页返回到A页时，页面A将被重新加载，分页表也将被重新加载，这意味着无论我位于该表的哪个页面中，我将始终看到该表的第一页内容。

我想知道是否有办法解决这个问题？假设在A页中，表格显示的是第二页的内容，当我转到B页并单击“返回”按钮回到A页时，在A页中，表格显示的是第二页的内容，而不是第一页的内容。

Answer 1

我现在可以想到2种可能的方法。

1. 您的网址可以存储您的页码。 / page-a？page = 2 根据查询参数（在本例中为2），您可以呈现适当的页面
2. 页面B只能填充在页面A的顶部。

   <PageA>
      PageAContent
      <Route path="/page-b">
         <PageB>
            PageBContent
         </PageB>
      </Route>
   <PageB>

这样，您可以仅保留PageA的内容而无需刷新它。