当状态改变时，react会重新呈现不依赖于状态的组件吗？
当状态改变时，React会重新呈现不依赖于状态的组件。React使用了一种称为虚拟DOM（Virtual DOM）的机制来提高性能。当状态发生变化时，React会比较新旧状态的差异，并只更新需要更新的部分。
对于不依赖于状态的组件，React会在其所属的父组件重新呈现时，也会重新呈现这些组件。这是因为React采用了一种自上而下的数据流模式，父组件的重新呈现可能会导致子组件的重新呈现。
虽然这些不依赖于状态的组件本身没有状态，但它们可能会依赖于父组件传递给它们的props。当父组件的状态发生变化时，props也会发生变化，从而触发子组件的重新呈现。
React的这种重新呈现机制可以确保组件的UI与数据保持同步，同时也提高了性能，避免了不必要的重新渲染。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云容器服务（TKE）。
相关·内容
重新呈现react组件时，该组件的状态会发生什么变化？
它是保持不受影响，还是被重置为某个“默认值”？为什么？
浏览 1提问于2020-06-27得票数 0
StateIndependentComponent是一个很重的组件，StateDependentComponent很轻，但状态会多次快速变化。那么，StateIndependentComponent会在每次状态改变时被重新呈现吗？
浏览 18提问于2020-04-11得票数 2
回答已采纳
1回答
我是新来的。我对useState钩子有一些疑问。考虑有3个自定义标签。返回()中的A、B、C；<><B /> </>如果A的状态有一些变化，我知道A会重新呈现，但是B和C是否会再次呈现？如果B遗产依赖于A的遗产，而C的<
浏览 1提问于2021-12-24得票数 -2
回答已采纳
在我的Angular Redux应用程序中，组件A依赖于Redux状态片X，但不依赖于Redux状态片Y。然而，当只有状态片Y改变时，组件A将被重新渲染。当只有状态切片Y改变时，我可以做什么来避免组件A被重新渲染？
浏览 13提问于2021-01-08得票数 1
回答已采纳
react文档说，使用setState(updaterFunc)比使用setState(object)更好，因为它将拥有最新的状态。我知道setState是异步的，这就是为什么我们使用setState(updaterFunc)来获得最新的状态。
浏览 6提问于2020-01-18得票数 2
3回答
我希望只对已更改的呈现项作出反应。我试着用“反应备忘录”和“实用程序”，但没有用。我不明白原因是什么。解决这个问题的方法是什么？谢谢。App.tsimport "./styles.css"; onClick={onClick}
/
浏览 9提问于2022-09-09得票数 2
回答已采纳
1回答
我知道这个问题已经被问了很多次了，但我正在试图理解react渲染决策背后的逻辑，当状态发生变化时，以及我应该如何正确地编写"reactly“。父组件将重新呈现，导致ComponentA和ComponentB都重新呈现，即使它们的UI与彼此的状态无关。我在想，react会明白，如果我单击按钮A，只有a状态变量会<
浏览 21提问于2020-11-22得票数 0
回答已采纳
1回答
当我单击我的一个InspectorOption组件时，我的redux记录器会显示一个动作被分派，状态按预期更新。我的InspectorSelect和子InspectorOption组件使用react redux到mapStateToProps的连接，这些组件依赖于来自状态的道具。但是，即使状态正在更新，组件依<
浏览 3提问于2017-06-21得票数 0
回答已采纳
2回答
我知道React会在状态或道具更改时执行重呈现(或者当我们强制组件重新呈现时)。我也知道当组件被重新呈现时，反应会重新呈现组件的子元素。我注意到，即使它的道具(子道具)没有改变，也会重新呈现子组件，所以当父组件</
浏览 8提问于2020-04-30得票数 7
回答已采纳
我有一个具有布尔状态的简单函数组件。和按钮来改变状态。有人能解释一下，当状态改变到完全相同的状态
浏览 3提问于2019-09-09得票数 9
回答已采纳
我要求在显示/隐藏导航时隐藏React应用程序上的页面内容。为此，我们将一个道具传递给组件，并处理样式组件中的显示css，如下所示：const PageContent = styled.div`'none' : 'block')};虽然这可以很好地工作，但当属性发生变化时，内部页面内容将重新呈现，这是预期的</em
浏览 0提问于2020-08-07得票数 0
2回答
我已经构建了一个有两个子组件的React组件:一个显示一个图形(vis.js)，当用户在图中的一个节点上徘徊时，主组件就会通过状态的改变而意识到这一点。使用此状态的唯一子程序是div (与图形同级)。
但是，当状态发生变化时，所有的子(包括图)都会被重新呈现.我不想每次在节点上悬停时呈
浏览 2提问于2021-10-18得票数 1
回答已采纳
1回答
在通量聊天示例中，MessageSection同时侦听ThreadStore和MessageStore，因此它在ThreadStore存储更改时以及当MessageStore更改时再次呈现。但是，由于其状态依赖于两者，所以第一次呈现是在状态未完成时进行的。这只是一个例子，但模式仍在重复。更新:在长时间讨论之后的有以下结论：
React确保render在结束<e
浏览 7提问于2015-04-29得票数 1
回答已采纳
我正在尝试查找一个事件或函数，每次加载组件时都会运行，我不想要componentDidMount，因为它只在初始呈现时触发一次，我想要的是每次呈现组件时都会运行的事件。我之所以要这样做，是因为我想打印数组的更新版本，但我需要使用setState来触发re-rendering，是否有任何事件或函数像这样运行?我尝试组合componentDidUpdate和componentDidMount，但它只是给了我一个无限循环
这是我打印数组<e
浏览 2提问于2020-06-04得票数 0
当根组件的状态发生变化时，React.js假设重新呈现所有子组件(子组件)？请看下面的示例：
在上面的示例中，只有Search子组件在Dashboard组件的状态发生变化时才重新呈现.但其他子组件-区段、图表和Widget不重新呈现.这就是我的renderC
浏览 7提问于2014-05-22得票数 1
回答已采纳
我有一个父组件A，其中设置了state和useState。父程序有两个子组件--组件B (接收useState作为支柱)和组件C (接收state作为支柱)。因此，如果B运行setState，那么C应该重新呈现.一切都很好。我遇到的问题是，B也在重新呈现，尽管它没有将state作为一个支柱。理想情况下，我只希望C重新呈现。另外，我不想将以前的state与当前的st
浏览 3提问于2020-07-15得票数 0
我是新来的。我在看他们的医生了解反应是如何运作的。因此，有人提到，当state/props/setState()更改/调用时，重新响应整个组件。此外，我还看到react元素是不可变的，只有在发生更改时才会呈现它们。因此，当react试图呈现组件时，它实际上遍历所有元素，检查差异，并且只呈现数据被更改
浏览 8提问于2020-10-23得票数 3
回答已采纳
/styles.css"; const counter = props.counter2(0); return ( <p>counter value((c) => c + 1)}>incr
浏览 3提问于2021-05-03得票数 2
回答已采纳
在父中，有一个依赖于通过道具传递给子节点的checkAvailability函数所改变的状态的button，import CartItem</button> )在子组件中，API调用返回useEffect调用的true or
浏览 1提问于2021-06-13得票数 1
我有一个无状态的函数组件<Sidebar/>，它只是在div中返回它的子组件。这个组件是由<App/>呈现的，它维护自己的状态，并将该状态的一个元素传递到它的一个子级中。const Sidebar = React.memo(({children}) => {
return <div cl
浏览 1提问于2020-05-26得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
