【问题标题】:React Router Issue (delay changing the route on click) using v 5.2.0使用 v 5.2.0 反应路由器问题(延迟更改路由)
【发布时间】:2021-08-31 21:07:44
【问题描述】:

我遇到了一个问题,当我点击导航栏中的链接时,网址可能会滞后,这让我有时不得不点击两次才能最终更改网址。

链接路径最初是基于通过道具传递的状态,我认为这可能是问题所在,但此时我已经对路径进行了硬编码,但我仍然遇到问题。

示例:

<Link to={"/ugh"}>{HeaderItem.link}</Link>

React Router 是否有一些我可能在这里遗漏的常见问题?还是5.2.0版本的bug?

【问题讨论】:

  • 你在使用 Nextjs 或 Gatsby 之类的框架吗?
  • 您是否使用任何东西进行页面转换,例如 framer-motion?如果动画中存在拼写错误,它会在尝试执行这些拼写错误时滞后(尤其是 framer-motion)。我也想试试to="/ugh",不用大括号。
  • 嗯,我正在使用带有 React-scroll 的动画,但它没有在我调用的路线中使用。你认为可能是这样吗?我也试过没有大括号,还是一样的问题。
  • @iunfixit 我只是在使用常规的 ol 反应
  • 您能否检查一下当您使用npm run buildserve -s build 构建和提供服务时是否发生这种情况,需要安装服务create-react-app.dev/docs/deployment,因此我们可以排除它只是一个开发问题跨度>

标签: javascript reactjs react-router react-hooks


【解决方案1】:

解决了,

解决我面临的问题非常简单。

我的链接标签没有包裹整个 div,使得某些区域对点击没有响应。

天哪。

【讨论】:

  • 请添加更多详细信息以扩展您的答案,例如工作代码或文档引用。
猜你喜欢
  • 2017-03-24
  • 1970-01-01
  • 1970-01-01
  • 2020-12-21
  • 1970-01-01
  • 1970-01-01
  • 2017-07-22
  • 2015-11-29
  • 2015-09-17
相关资源
最近更新 更多