如何在调用 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
handleDelete: props => (id) => {
props.deleteClaim(id)
.then(() => {
message.success('success delete')
})
setTimeout(() => {
window.location.reload(true)
}, 1000)
},
问题是每次我运行第2页的删除功能,我马上return到主页,
如何做到重载时能停留在第2页
删除 setTimeOut 代码,因为它会让您转到主页。 “重新加载”意味着浏览器再次重新加载您的整个页面,这意味着浏览器刷新您的应用程序并再次显示主页。
handleDelete: props => (id) => {
props.deleteClaim(id)
.then(() => {
message.success('success delete')
})
},
我不认为在 React 中重新加载页面是个好主意,因为它达不到 SPA(单页应用程序)的目的。如果你想让自己保持在第 2 页,那么为什么首先要重新加载?
删除的时候,你可能会想删除的对象应该反映在前端,那么你可以做两种场景:
- 要么重新获取您的数据
- 或者在 API 响应成功后从前端列表中删除该对象
为了在刷新后保持在同一页面上,页面必须在单独的路由上。在这种情况下,刷新页面后,您将停留在该页面上。
我对你的建议是使用状态管理器,不要让你的生活复杂化。
如果你希望你的数据在页面刷新时被保存,你需要将它存储在localstorage中或者从服务器中获取。没有其他办法
handleDelete: props => (id) => {
props.deleteClaim(id)
.then(() => {
message.success('success delete')
})
setTimeout(() => {
window.location.reload(true)
}, 1000)
},
问题是每次我运行第2页的删除功能,我马上return到主页,
如何做到重载时能停留在第2页
删除 setTimeOut 代码,因为它会让您转到主页。 “重新加载”意味着浏览器再次重新加载您的整个页面,这意味着浏览器刷新您的应用程序并再次显示主页。
handleDelete: props => (id) => {
props.deleteClaim(id)
.then(() => {
message.success('success delete')
})
},
我不认为在 React 中重新加载页面是个好主意,因为它达不到 SPA(单页应用程序)的目的。如果你想让自己保持在第 2 页,那么为什么首先要重新加载? 删除的时候,你可能会想删除的对象应该反映在前端,那么你可以做两种场景:
- 要么重新获取您的数据
- 或者在 API 响应成功后从前端列表中删除该对象
为了在刷新后保持在同一页面上,页面必须在单独的路由上。在这种情况下,刷新页面后,您将停留在该页面上。 我对你的建议是使用状态管理器,不要让你的生活复杂化。 如果你希望你的数据在页面刷新时被保存,你需要将它存储在localstorage中或者从服务器中获取。没有其他办法