不同的路由，相同的组件-为什么组件不在路由更改时重新加载？
在React中，当路由发生变化时，组件默认情况下不会重新加载，这是因为React具有一种称为虚拟DOM的机制。
虚拟DOM是React用于提高性能的一种技术。它是一个轻量级的JavaScript对象，与真实的DOM结构对应。当组件的状态发生变化时，React会使用虚拟DOM来计算出最小的DOM操作，然后将这些操作批量更新到真实的DOM中，以提高性能。
当路由发生变化时，React只会更新虚拟DOM中与路由相关的部分，而不会重新加载整个组件。这是因为React认为，组件的状态可能会被其他部分所影响，重新加载整个组件可能会导致状态丢失或不一致。
另外，重新加载整个组件也会带来性能上的损耗。如果组件包含大量的数据或复杂的计算逻辑，重新加载可能会导致页面卡顿或加载时间过长。
然而，有时候我们确实需要在路由更改时重新加载组件。这可以通过在组件中使用React的生命周期方法来实现。例如，可以在组件的componentDidUpdate方法中监听路由变化，并在变化时执行相应的操作，包括重新加载组件。
总结起来，组件不在路由更改时重新加载是为了提高性能和避免状态丢失，但如果需要在路由更改时重新加载组件，可以通过使用React的生命周期方法来实现。
腾讯云相关产品和产品介绍链接地址：
相关·内容
3回答
点开磁盘管理后没有磁盘1只有磁盘0？
云服务器、官方文档
请描述您的问题
标题：快速入门 Windows 云服务器 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/2764
浏览 1745提问于2018-01-31
3回答
保留所有历史状态的react-router路由组件
reactjs、react-router、reactcsstransitiongroup
我用Cordova制作了一个移动应用程序。使用react-router@2.0.0 + ReactCSSTransitionGroup实现“卡片组”动画。我有一个严格的路由树，没有循环链接的可能性。
为了提高性能并保存以前路由组件的状态，我想保留它们的整个历史，只在pop-state或replace-state上卸载。
该怎么做呢？
浏览 0提问于2016-03-18得票数 27
2回答
OCR使用入口在哪里？功能键在哪里？
官方文档、文字识别
请描述您的问题
标题：文字识别（OCR） - 智能图像服务 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/641/12399
浏览 451提问于2018-02-27
1回答
putty登录centos出现公钥认证失败问题？
官方文档、centos
请描述您的问题
标题：登录 Linux 实例 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/5436
浏览 182提问于2018-03-04
2回答
有IP租用费吗？
云服务器、官方文档
请描述您的问题
标题：独享型公网网络计费 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/10579
浏览 542提问于2018-02-28
3回答
如果视频过大 是否支持分段上传？
云点播、官方文档
请描述您的问题
标题：PHP SDK - 点播 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/266/9725
浏览 466提问于2018-03-16
1回答
web播放器什么时候支持字幕文件？
官方文档、云直播
你好我是web视频点播用户，我的视频内容几乎都是英文的，针对中文用户希望能够增加类似于dvd那样的使用外挂字幕文件的支持。据我了解，H5的video标签是支持字幕的，那么我时使用腾讯的点播播放器播放视频怎样才能加载字幕文件呢？希望能够得到解决，谢谢！
标题：Web 播放器 TcPlayer - 移动直播 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/454/7479
浏览 899提问于2018-02-08
3回答
腾讯云服务器怎么购买？有没有腾讯云服务器购买流程教程？
ICP备案、云服务器、私有网络、域名注册、域名转入
本人小白，想买个腾讯云服务器，希望有一步一步的教程。谢谢。
浏览 716提问于2018-12-01
4回答
怎么买云服务器？
云服务器、5折上云
请描述您的问题
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase?utm_source=portal&utm_medium=cdb&utm_campaign=firstpurchase&utm_term=0110
浏览器信息
Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
浏览 479提问于2018-03-12
1回答
如何保证硬盘中的数据安全？
云硬盘、数据安全、存储
云服务的基础依赖于硬件的设施，如硬盘等存储设备。当腾讯云的硬盘发生故障时，可能会需要进行替换或退役，那么在以下两种场景中，如何保证硬盘中的数据安全？
硬盘返厂维修并置换新硬盘；
硬盘无法使用，失去维修价值，决定销毁。
浏览 745提问于2020-03-09
7回答
怎么导出腾讯云服务器镜像并下载到本地？
导出的镜像，我能在本地环境正常使用么，我想把这个镜像再安装到我本地的电脑上，请问这个操作是都能成功
浏览 14483提问于2020-08-03
3回答
用参数响应路由器4、路径
reactjs、react-router、react-router-dom
我正在努力学习react路由器-dom(ResiveRouterVersion4.x)。
我不理解带有参数的路由的行为，并给出了一个简单的例子。
我有一个明确的路线的链接清单如下：
<li>Link to='/'>Home</Link></li>
<li>Link to='/product/1'>Product 1 details</Link></li>
<li><Link to='/product/2'>Product 2 details
浏览 0提问于2017-12-15得票数 2
回答已采纳
2回答
Redux:只更新嵌套列表中的一个项
reactjs、redux
我有如下结构的组件：
<List>
<Item>
<DeepList>
<DeepItem>
<input type="text" />
<DeepItem>
<DeepItem>
<input type="text" />
<DeepItem>
// [More DeepIt
浏览 4提问于2016-08-05得票数 2
回答已采纳
2回答
在组件类之外响应更新组件支持
reactjs
我在创建React应用程序方面有一些问题。以下是问题所在：
import React from 'react';
const VIEW_MAIN = 0;
const VIEW_SUB = 1;
const VIEWS = {};
VIEWS[VIEW_MAIN] = (<ViewMain someProps={...} />);
VIEWS[VIEW_SUB] = (<ViewSub someProps={...} />);
const AppContent = React.createClass({
render() {
浏览 1提问于2016-04-27得票数 1
回答已采纳
1回答
ProductScreen.js:12 Uncaught (承诺) TypeError:无法读取未定义的属性(读“params”)
javascript、node.js、reactjs、express、mern
我遇到了一个问题，不管我做了多少研究/谷歌搜索，我似乎无法解决这个问题，最近两天一直在处理这个错误。首先，我试图在网上找到其他人可能有的答案，但我似乎想不出来，所以现在我需要问一个更有经验的人我做错了什么，请看看我的错误和代码图片，看看你是否可能发现什么东西，我不能.隧道视觉..。
前端是reactjs，后端是节点/表达式。
当我打开主屏幕页面时，每个产品都会从后端加载，没有问题，但是一旦我单击单个产品尝试获得具有唯一id的特定产品页面，初始骨架加载会短暂地在没有任何产品信息的情况下获得，然后就会出现以下错误。
“未处理的拒绝(TypeError)：无法读取未定义的属性(读取'para
浏览 1提问于2021-11-30得票数 0
回答已采纳
1回答
类组件在响应路由器路由更改时不会重新呈现。
javascript、reactjs、react-router、react-router-dom
我有一个与React相关的问题--React中的路由器和类组件--这是我第一次在应用程序中使用类组件，我有点混淆了生命周期方法。
我的问题是，我有一个组件，我在这个组件中显示产品，在这个组件中，我切换产品类别，当我切换时，我会过滤，因为API没有为每个类别提供它的产品，所以现在我使用react路由器进行切换，当我单击地址栏中的技术产品链接时，我确实改变了到"/category/:nameOfCategory"的路由，但是这个组件没有重新呈现，因为道具没有更新或刷新，这就是我执行请求的地方。
componentDidMount() {
request("http
浏览 3提问于2022-09-27得票数 2
回答已采纳
4回答
请问下腾讯云点播和腾讯云对象储存，这两个业务的区别？
云点播、对象存储、实时音视频
我想把网站的视频放到服务器以外，减轻服务器负担，并且我打开网页可以随时加载视频正常播放。请问实现这个功能是需要开通腾讯云点播呢，还是腾讯云对象储存？
浏览 1258提问于2021-08-19
25回答
【开箱吧腾讯云】开发工具千千万，哪个最高效最好用？
腾讯云、产品、工具、开发、开发工具
开发工具千千万，哪个最高效最好用？
在关键时刻解决了你的卡点和痛点，欢迎你和我们一起分享你使用过的腾讯云宝藏工具！
点赞最高的前5名将获得猫王小王子花梨原木便携蓝牙音箱1个（截止时间：11月12日24:00）
另外在11月9日晚20:00-21:00
【开箱吧腾讯云】将迎来3位开发大神分享自身工具箱
快来腾讯云开发者视频号预约吧！更有超多双十一产品优惠等你！
图片
浏览 1738提问于2022-11-02
1回答
提高Reactjs渲染大量组件的性能
reactjs、performance、rendering、react-virtualized
我正在开发一个画廊，当我超过200个组件时，我有一个性能问题。目前在我的图库中，我可以过滤图像，并根据特定的属性对它们进行排序。我试图使用“惰性加载”来提高性能，但它给我带来了以前没有的其他问题。此外，如果我仍然显示我所有的元素，它不能解决这个问题。我想尝试一下像"react-virtualized“这样的东西，它永久地更新了DOM，但我真的不知道怎么做，我的印象是"react-virtualized”并不是用来操作整个组件的。
我的Gallery组件看起来像这样：
const Gallery = memo(props => {
const { imgs } = pr
浏览 0提问于2019-09-19得票数 1
1回答
如何使用反应和固体-JS在一起？
reactjs、navigation、solid-js、astrojs
我们正在将我们的web应用程序从React迁移到SolidJS。我们希望通过一次转换一个页面来逐步进行更改。
我一直在使用astro运行react和solidjs。
我遇到的问题是在react页面和solidjs页面之间导航，因为它们使用不同的路由器(react-router-dom和solid/router)。
如何在这两个UI库之间导航？
浏览 3提问于2022-11-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
