如何在下一个 js 中使用带有浅路由的 router.push？

【问题标题】：How can i use router.push with shallow routing in next js?如何在下一个 js 中使用带有浅路由的 router.push？
【发布时间】：2021-07-05 07:05:28
【问题描述】：

我是下一个 js 的初学者。我知道下一个 js 路由是如何工作的，但是浅层路由在我的项目中没有像我预期的那样工作。请分享除官方文档外的有用资源

【问题讨论】：

【解决方案1】：

我会看看这个帖子：

这是关于此主题的类似问题。否则我真的建议阅读 Next.js 的文档

【讨论】：

【解决方案2】：

你可以试试这个方法。

import { withRouter } from "next/router";
import Router from "next/router";

const ComponentName= ({ router }) => {
//.......
Router.replace(`/`); // here will be location

}
export default withRouter(ComponentName);

如果还是不行，那就试试uesEffect()

  useEffect(() => {

    // you initial function

  }, [router]);

【讨论】：