useRouter从下一个/导航不立即加载路由,我不得不等待一个littel似乎点击没有注册,它等待页面呈现在服务器端,然后重定向既不是在浏览器中的URL变化,直到页面呈现在服务器端.我想要的是URL应该改变,页面的数据应该加载在重定向页面上

推荐答案

try 在路由更改期间添加加载指示器,以获得页面正在加载的视觉反馈.

const [loading, setLoading] = useState(false);
const fetchData = async () => {
setLoading(true);
try {
  const response = await fetch('endpoint');
 
  setLoading(false);
  router.push("/url")
} catch (error) {
  console.error('Error fetching data:', error);
  setLoading(false);
}
};

Reactjs相关问答推荐

使用setInterval判断数据的时间,然后在过期后从对象中删除;遇到性能问题

Reaction Native:在初始获取后,Reducer变为未定义

TypeError:b不是React.js中的函数错误

如何在与AntD的react 中限制文件上传和显示消息?

有没有一种方法可以在没有强烈动画的情况下有条件地渲染组件?

子路径上未定义useMatches句柄

如何使ionic 面包屑在州政府条件下可点击?

折叠并重新打开react 手风琴将重置内部状态

关于forwardRef,我可以';我不理解第二个用例

获取更多数据后更新 DOM,而不刷新 React.js 中的页面

我可以在加载器函数中多次 fetch() 并使用一次 useloaderdata() 提取它吗?

useMemo 依赖项的行为

ReactJS中使用setState方法时,Context内部的State未进行更新

如何在 React 过滤器中包含价格过滤器逻辑?

如何测试使用 React.createportal 呈现的组件?

使用登录保护 React 中的 SPA 应用程序 - 为什么这种方法不起作用?

条件渲染元素的测试不起作用

错误:无效挂钩调用.钩子只能在函数组件的主体内部调用.使用 next/router 时

谁能根据经验提供有关 useEffect 挂钩的更多信息

react-markdown 不渲染 Markdown