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