网站仅在重新加载- react路由器后更改
是指在使用React Router进行网站开发时，只有在重新加载页面后才能看到网站内容的更改。
React Router是一个用于构建单页应用程序的React库。它允许开发人员在应用程序中定义不同的路由，并根据URL的变化来渲染不同的组件。这样可以实现页面之间的无刷新切换，提供更好的用户体验。
然而，有时候在使用React Router开发网站时，当我们在同一个路由下进行页面内容的更改后，页面并不会立即更新，而是需要重新加载页面才能看到更改的效果。这可能是由于React Router的一些缓存机制导致的。
为了解决这个问题，可以尝试以下几种方法：
- 强制刷新页面：可以通过在浏览器地址栏中按下回车键或者点击浏览器的刷新按钮来强制刷新页面。这样可以确保页面重新加载，从而看到更改的内容。
- 使用React Router的重定向功能：可以在页面内容更改后，使用React Router的重定向功能将用户自动导航到另一个路由，然后再返回原来的路由。这样可以触发React Router的重新渲染机制，从而更新页面内容。
- 检查代码逻辑：有时候页面内容不更新的原因可能是代码逻辑上的问题。可以检查是否有条件渲染的情况，或者是否正确地使用了React Router的相关组件和方法。
总结起来，网站仅在重新加载- react路由器后更改是一个在使用React Router开发网站时可能遇到的问题。通过强制刷新页面、使用重定向功能或者检查代码逻辑，可以解决这个问题，确保页面内容的及时更新。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，满足不同规模和需求的应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云CDN加速：提供全球分布式加速服务，加速网站内容的传输，提升用户访问体验。详情请参考：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
在另一个文件中，我使用了react-router的东西来更改网站。但当我按下链接时，它才能工作，但只有在我重新加载之后才能工作。
浏览 6提问于2020-05-11得票数 0
我是新的反应，只是习惯于改变之间的网页使用反应路由器。但是，每当我使用'npx，我反应-路由器-dom‘安装react路由器，然后重新加载网页时，即使我没有更改任何代码，也会在页面的边缘得到白条。//先反应路由器安装
谢谢，任何帮助都将不胜感激！
浏览 1提问于2022-05-10得票数 0
现在，我希望当我更改路由时，js库中的函数将再次运行。我试图在我的容器中使用$ from 'jquery‘来调用tge库，因为它有很多错误，很难导出。谢谢。
浏览 2提问于2019-01-25得票数 0
1回答
我正在尝试创建一个redux工具包来存储一个对象，这样我就可以从不同反应路由器路径上的不同组件中读取对象值。
浏览 2提问于2022-02-13得票数 -1
2回答
使用React路由器Dom，如何在网站加载后立即更改网站的URL？ };
我还尝试了一种类似的方法，使用带有use的'useHistory.push("/home")‘，然后在Router加载location函数时触发它。我已经建立了正确的链接和路线，我只是不
浏览 5提问于2021-04-06得票数 2
回答已采纳
我有一个非常简单的反应路由器设置，这是不正确的工作。当我导航地址栏更改，但反应路由器从来不更新页面。如果我重新加载页面，正确的路由将在初始加载时呈现。如果我按下后退/前进按钮，反应路由器正确导航之间的路由。即使当回/转发在使用react路由器时，单击指向我可以到达的页面的链接，后退/转发仍然什么也做不了。，启动页面加载
单击“注册链接”，URL更改为/si
浏览 0提问于2016-06-01得票数 0
回答已采纳
尽管我将Link标记更改为a标记，但它确实导航良好。我的Link标签有什么问题？
我认为一切都是正确的。
浏览 1提问于2022-06-25得票数 1
回答已采纳
1回答
提供程序不支持动态更改store。您很可能会看到此错误，因为您更新到Redux2.x并响应Redux2.x，不再自动重新加载热减速器。有关迁移说明，请参见。client.jsimport { render } from 'react-dom';
import { Provider} from 'react-redux&
浏览 1提问于2016-04-26得票数 1
回答已采纳
我有一个Carousel组件，我想更改URL，以便google分析可以看到用户执行了哪些步骤(而没有重新加载页面)。我使用React路由器及其BrowserRouter组件在this.props.history.push(`#${value}`);和withRouter的帮助下更新路由，后者成功地更新了URL路由。但谷歌分析似乎没有发现区别.如果您想检查行为：，则该网站位于此链接。
浏览 4提问于2018-07-26得票数 4
回答已采纳
我对这项技术非常好奇，我想知道Facebook、Twitter和许多网站是如何在没有任何刷新的情况下点击链接后重新加载页面的？
浏览 6提问于2020-04-10得票数 1
3回答
恢复无限滚动页上的滚动位置
、、、、
我有一个无限滚动页面的网站，列出最新的广告。当用户单击广告预览时，它会将他重定向到产品页面。注1:当滚动到末尾时，我将加载10个广告。因此，假设我们已经加载了大约50个广告和用户更改页面。当点击后退按钮，它将重新加载的主页是空的，然后它只是加载前10个广告。注2:我正在使用react和react路由器，并且已经试图在社区中找到一个解决方案。作为最近的铬支持滚动恢复，他
浏览 2提问于2018-01-12得票数 8
回答已采纳
1回答
我的网站上有两个元素-导航和内容。我想要更改每个url更改的内容(reactjs路由器)，但我希望导航保持不变。 render: function () {
if (this.state.userRole !div&
浏览 2提问于2016-08-18得票数 0
我正在尝试实现一个钩子，以防止用户进行“意外”路由更改，如后退按钮或重新加载。我使用的是react路由器v3，所以react路由器v4中的<Prompt />不适合我.
浏览 0提问于2018-05-18得票数 1
回答已采纳
1回答
我正在使用Laravel Mix和React。我配置了在850毫秒reloadDelay: 850后重新加载BrowserSync，但有时Webpack编译我所有的JS文件需要超过850毫秒。我的页面在所有文件编译完成之前被重新加载，所以我每次都必须手动刷新我的页面。
除了reloadDelay选项之外，是否有其他方法可以配置Laravel Mix，使其仅在编译完成后重新加载？mix.react(&
浏览 23提问于2019-08-20得票数 0
为此，每当我点击访问另一个页面/导航选项时，整个网站都会重新加载页面。与React一样，还有react路由器，通过它可以防止重新加载。但是要用原始JavaScript/ Jquery实现相同的特性呢?
浏览 1提问于2022-05-14得票数 -1
回答已采纳
我无法将react-router-dom链接放入react-google- InfoBox中而不导致整个页面重新加载。下面是我的InfoBox的代码：import { Link} from "react-router-dom";
class MyInfoBox exte
浏览 16提问于2018-01-13得票数 1
我有指向相同组件但具有不同参数的路由器链路。但是，由于路由器仅在URL发生更改时才会执行操作，因此组件不会重新加载。谢谢!
浏览 0提问于2017-11-26得票数 0
在前端库(如ReactJS )中，我们不能手动输入URL，因为路由器最初没有加载以查找特定的路由。这是一个插件解决的，但由于这条路径匹配整个页面刷新-它不再像Meteor了。因此，问题是：我们能否仅在启动时使用SSR (这样，如果有人进入URL就可以重定向到正确的路由和SEO)，然后转移到没有SSR ?的反应性路由器上。
浏览 0提问于2016-10-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
