我正在尝试创建一个位于网站最顶部的进度条，每次您加载页面时，您都会看到进度条被填满。
我想在 Next JS 中实现相同的功能，但我正在努力做到这一点。加载栏有很多库，但它们都要求一个 value 道具，它基本上指示了栏的填充量，但我找不到动态获取此 value 道具的方法。我不想对其进行硬编码，我希望它在页面加载时填满。
有什么办法可以动态找到 value 属性的值吗？
答案 0 :(得分：1)
有几种方法可以做到这一点，nextjs 有路由器导入，因此您可以使用事件 see here
考虑到这一点，您可以创建可视化组件，如果您真的想在每次页面更改时显示，您可以将它与带有 _app.tsx/jsx 挂钩的 useEffect 一起使用。只是不要忘记在听完事件后清理事件
This answer 非常出色地向它展示了如何实现它，这是一个很好的参考并且非常通用，因此您可以根据需要进行自定义