如何在调用 handleDelete 后重新加载页面但它停留在当前页面，而不是重新加载到主页，我想留在当前页面

Question

handleDelete: props => (id) => {
  props.deleteClaim(id)
  .then(() => {
    message.success('success delete')
  })
  setTimeout(() => {
    window.location.reload(true)
  }, 1000)
},

问题是每次我运行第2页的删除功能，我马上return到主页，

如何做到重载时能停留在第2页

Answer 1

删除 setTimeOut 代码，因为它会让您转到主页。 “重新加载”意味着浏览器再次重新加载您的整个页面，这意味着浏览器刷新您的应用程序并再次显示主页。

handleDelete: props => (id) => {
  props.deleteClaim(id)
  .then(() => {
    message.success('success delete')
  })
},

Answer 2

我不认为在 React 中重新加载页面是个好主意，因为它达不到 SPA（单页应用程序）的目的。如果你想让自己保持在第 2 页，那么为什么首先要重新加载？删除的时候，你可能会想删除的对象应该反映在前端，那么你可以做两种场景：

要么重新获取您的数据
或者在 API 响应成功后从前端列表中删除该对象

Answer 3

为了在刷新后保持在同一页面上，页面必须在单独的路由上。在这种情况下，刷新页面后，您将停留在该页面上。我对你的建议是使用状态管理器，不要让你的生活复杂化。如果你希望你的数据在页面刷新时被保存，你需要将它存储在localstorage中或者从服务器中获取。没有其他办法

如何在调用 handleDelete 后重新加载页面但它停留在当前页面，而不是重新加载到主页，我想留在当前页面

how to reload the page after call handleDelete but it stays on the current page,not reload to the homepage, i want stay on the current page

javascript

reactjs

antd

reload

web-frontend