reactjs - Next.js : router. 推送不刷新页面

Question

我正在构建一个 next.js 页面 /page/data/[dataId] (当用户点击来自页面 /page/data 的链接时导航到此页面，我通过 API 获取项目列表)。

当用户点击一个按钮时，我调用一个 API 从数据库中删除这个项目。一旦 API 调用成功。我需要将用户重定向回 /page/data页 。我是这样做的:

 async function removeData(){

    // ... some logic

    await removeData({input});
    setTimeout(()=>{
          router.push("/page/data"); // redirecting to parent
     },2000)

}

一旦用户被重定向回 /page/data/我需要刷新数据项列表，因为我想删除已删除的项目。现在的问题是 - /page/data/通过 router.push 导航后没有刷新.

我知道我们可以通过替换 router.push 来实现这一点至 window.location="/page/data"但这是非常昂贵的方式。

我也试过:

router.push("/page/data",undefined,{shallow:false})

但是没用。

任何人都可以帮助我如何以最佳方式实现这一目标？我找到 window.location方法太昂贵。

Answer 1

从数据库中删除项目后，您可以尝试更新本地数据而不是从服务器获取数据