Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何防止在React中重新加载?_Javascript_Reactjs_React Router Dom - Fatal编程技术网

Javascript 如何防止在React中重新加载?

Javascript 如何防止在React中重新加载?,javascript,reactjs,react-router-dom,Javascript,Reactjs,React Router Dom,我有两个页面,比如A页和B页,A页可以链接到B页,B页有一个返回按钮可以返回到A页。在A页中,有一个分页表,它是一个子组件。每次单击B页上的Return按钮时,它都会触发这个.porps.history.goBack()函数并将我带到A页。问题就在这里,每次我从B页返回到A页时,页面A将被重新加载,分页的表也将被重新加载,这意味着我将始终看到表的第一页内容,无论我之前在表的哪个页面 我想知道是否有办法解决这个问题?假设在A页表格显示第二页内容,当我转到B页并单击返回按钮返回A页时,在A页表格显示

我有两个页面,比如A页和B页,A页可以链接到B页,B页有一个返回按钮可以返回到A页。在A页中,有一个分页表,它是一个子组件。每次单击B页上的Return按钮时,它都会触发这个.porps.history.goBack()函数并将我带到A页。问题就在这里,每次我从B页返回到A页时,页面A将被重新加载,分页的表也将被重新加载,这意味着我将始终看到表的第一页内容,无论我之前在表的哪个页面


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

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

  • 您的url可以存储您的页码/第a页?第2页 根据查询参数(本例中为2),可以呈现正确的页面
  • B页只能填充在A页的顶部
  • 
    页面内容
    页面内容
    

    这样,您可以保留PageA的内容而不刷新它。

    不确定这是否有帮助,但您是否尝试过使用默认设置?或者只需将您想要的数据设置为状态,这样无论您进入或返回哪个页面,都可以加载正确页面的数据,然后在需要时清除状态to@mastercool我尝试使用默认值,但它不起作用。表是如何呈现的?是否使用状态中的值进行渲染?@mastercool该表来自ant Design。分页是表中的一个内置函数,我使用的是ant Design中的表,分页函数是一个内置函数。该表只是A页内容的一部分,因此url不会像/page-A?page=2那样显示页码。如果该表只是A页内容的一部分,url解决方案可能不是最好的。请尝试发布的第二个解决方案抱歉,我不太明白为什么如果您在A页顶部填充B页,当您单击B页上的“返回”按钮时,它会将您带到A页,而不会重新加载A页?在这种情况下,它不是切换路由,而是取消内部路由。我想你会有类似于“/page-a/page-b”的url系统。如果不是这样,我同意它不会工作。事实并非如此。谢谢你!
       <PageA>
          PageAContent
          <Route path="/page-b">
             <PageB>
                PageBContent
             </PageB>
          </Route>
       <PageB>