React / Redux组件不会在状态更改时重新呈现
React / Redux组件不会在状态更改时重新呈现是因为React / Redux使用了虚拟DOM（Virtual DOM）的概念。虚拟DOM是一个轻量级的JavaScript对象，它是对真实DOM的一种抽象表示。当组件的状态发生变化时，React / Redux会比较新旧虚拟DOM树的差异，并只更新需要更新的部分，而不是重新渲染整个组件。
这种优化可以提高应用的性能和响应速度，因为重新渲染整个组件可能会导致大量的DOM操作，而DOM操作是相对较慢的。通过只更新需要更新的部分，React / Redux可以最小化DOM操作的次数，从而提高性能。
React / Redux的应用场景非常广泛，可以用于开发各种类型的Web应用程序，包括单页应用（SPA）、复杂的数据驱动应用、移动应用等。
在React / Redux中，可以使用一些相关的腾讯云产品来进一步增强应用的功能和性能。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，用于部署和运行React / Redux应用。详情请参考：腾讯云云服务器
- 腾讯云对象存储（COS）：用于存储和管理应用程序中的静态资源，如图片、视频等。详情请参考：腾讯云对象存储
- 腾讯云内容分发网络（CDN）：加速静态资源的传输，提高应用的访问速度和用户体验。详情请参考：腾讯云内容分发网络
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供可靠的数据库服务，用于存储和管理应用程序的数据。详情请参考：腾讯云云数据库MySQL版
总结：React / Redux组件不会在状态更改时重新呈现，这是因为React / Redux利用虚拟DOM的优化机制，只更新需要更新的部分，从而提高应用的性能和响应速度。腾讯云提供了一系列与React / Redux开发相关的产品，可以进一步增强应用的功能和性能。
相关·内容
2回答
在React中，当组件的道具/状态发生更改时，组件会重新呈现。
redux是如何知道(计算)什么特定的组件(DOM)呈现/重新呈现时，一个动作被分派？
浏览 0提问于2018-09-25得票数 0
回答已采纳
为了测试目的，我有以下结构import { Provider } from 'react-redux';import LocalizedComponent from '.，它将一个简单的表示组件封装成一个本地化组件。，通过language从状态中选择正确的context，并相应地显
浏览 2提问于2017-03-27得票数 0
回答已采纳
1回答
当我在项目中实现时，我发现当组件的状态发生变化时，该组件不会重新呈现(是的，我将该状态视为不可变的)。
因此，我使用了Redux的，并将其代码复制到我的Gatsby项目中。问题再次出现，当状态改变时组件无法重新渲染(使用Redux的一个示例！)。只有通过使用this.forceUpdate()，我才能在状态更改时重新呈现
浏览 11提问于2019-10-27得票数 1
回答已采纳
2回答
我知道redux非常适合处理应用程序的全局状态，当该状态被更新以反映在视图中时。但是，有没有可能在不应该重新呈现的react组件上使用它？我有一张地图，它使用小叶，而不是重新渲染和绘制数据，我希望它绘制数据而不是重新渲染。
redux看起来是个不错的选择吗？
浏览 2提问于2016-03-07得票数 1
我在React native和redux方面都是新手。当我使用React native和redux时，我意识到redux store中的state会导致很多component渲染。例如，我有一个列表视图的数据，它被存储为redux状态。列表视图将显示在屏幕A中。由于某些原因，我将在下一个屏幕中修改列表视图。通过在redux状态下存储数据，屏幕A中的列表视图将在下一个屏幕中的列表视图发生变化时自动更新。不幸的是，每当列表视图中的数据发生
浏览 11提问于2016-12-27得票数 2
回答已采纳
1回答
我不明白为什么会重新呈现整个应用程序(至少在虚拟DOM中是这样)，尽管只有一小部分( <ShowSelectedCell/>)应该改变。最小示例: Index.jsimport ReactDOM from 'react-dom';import { useSt
浏览 13提问于2021-12-28得票数 2
我学习React Redux时遇到了一些问题。 import { connect } from "react-redux";
import 'react</em
浏览 12提问于2019-07-06得票数 1
回答已采纳
1回答
我一直在跟踪一些React教程，因此决定尝试并实现其中一个示例：
export default class Home extends
浏览 3提问于2016-05-04得票数 2
回答已采纳
当我在上面盘旋时，我将组件设置为1.2x，但是，当组件在我盘旋时被重新呈现时，它会失去悬停状态，然后变得很小，然后返回到1.2x (见图)。我希望它保持规模。我怎么才能解决这个问题？
浏览 0提问于2018-10-11得票数 1
回答已采纳
我尝试从redux存储中获取状态，然后使用updateData填充AG网格表。 这是我的组件。我尝试使用useEffect并在每次规则更改时设置状态(重现组件)，但都不起作用。如何解决这个问题？ 此外，我希望它重新渲染的组件，每次编辑部分发生变化。
浏览 51提问于2021-09-29得票数 0
回答已采纳
在我的代码中有三个组件。
我需要使用操作更改数据(如果组件的状态被更改)，然后将其返回到我的应用程序中的其他组件。
这是怎么建造的？
浏览 5提问于2020-01-24得票数 0
回答已采纳
所以基本上我有一个应用程序组件，它触发一个动作，如果屏幕被调整大小并且小于500px，它会触发一个调用"isSmall“的状态为true (如果它更高，则为false )... const { window, dispatch } = this.props;
if (window.innerWidth我有一个名为HeaderContainer的另一个组件，它是应用程序的孩子，连接到商店和
浏览 17提问于2017-12-21得票数 1
回答已采纳
我最近开始学习React / Redux，现在我正在尝试构建一个小的单页应用程序。import { Provider } from 'react-redux'
import { Router, Route, IndexRoute, hashHistoryLink to='/about' activeStyle={{ color: 'red&#x
浏览 2提问于2016-07-08得票数 3
回答已采纳
我有一个组件，每当它改变时，我想调用一个方法来检查它的状态。这是我的组件，使用一个虚拟方法来演示我想要做的事情(如果为onboarding.show === false，则将视图设置为离屏动画)： }; dispatch => { };)(Onboarding);
有没有办法订阅状态的变化
浏览 0提问于2017-01-17得票数 2
我正在使用，我想在react视图中更新我的计数器值，我能够控制我的redux存储的最新状态，但它并不反映在我的react视图中。else }
class Counter extends React.Co
浏览 3提问于2016-06-10得票数 1
回答已采纳
> <Tab> <Window2> </Tab></App>
App有一个名为allItems的状态元素这些选项卡的工作方式是在给定时间只显示一个选项卡，它是React-Bootstrap的一个组件。在思考React时，最干净的方法是“向上拉起状态”，这样每当se
浏览 2提问于2018-06-02得票数 1
当所有数据已经对存储中的所有组件全局可用时，使用mapStateToProps从存储中选择一组特定的数据并将其作为属性发送到组件中的目的是什么？另一种说法是，当我只能用state.something访问数据时，为什么要经历额外的步骤将状态映射到属性，这样我就可以用props.something访问数据
浏览 2提问于2020-10-10得票数 1
我试图在我的react应用程序中使用redux，但是我发现我可以在我的应用程序中显式地使用redux，而无需使用react-redux库。const redux = require('redux'); 我想知道为什么我们甚至需要在我们的环境中使用react-redux库？有人能帮我一下吗？
浏览 51提问于2021-11-05得票数 0
回答已采纳
在许多React教程中，我看到localStorage中存在令牌或其他类型的数据，用于驱动应用程序中的身份验证状态。但是，如果我要创建一个头/导航栏组件，该组件根据用户的身份验证显示指向“登录”或“注销”的链接，则似乎必须将该localStorage令牌复制为redux存储或组件中的状态，以便在身份验证状态更改时提示重新呈现也许这会让我更困扰，但复制这些信息似乎是多余的，
浏览 19提问于2019-03-23得票数 1
回答已采纳
在简单的待办事项列表应用程序中，我有FiltersContainer组件，它为Filters组件提供支持：import { connect } from'react-redux'; },}
export default connect(mapStateToProps, mapDispatchToProps)(
浏览 2提问于2016-07-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
