Reactjs 即使其父组件未渲染,也会渲染子组件
我有一个关于React中渲染的问题。见下图 之所以呈现Reactjs 即使其父组件未渲染,也会渲染子组件,reactjs,Reactjs,我有一个关于React中渲染的问题。见下图 之所以呈现SelectableGroup组件,是因为它更改了状态(调用setState())。然后渲染其所有子级,直到仪表板配置组件。由于其shouldComponentUpdate()返回false,因此未呈现仪表板配置组件 现在我的问题是,为什么要呈现网格和仪表板配置的所有其他后代 我认为从shouldComponentUpdate返回false应该会从渲染过程中切断组件树的整个分支 请注意: 我使用react-redux,但网格未连接到商店
SelectableGroup
组件,是因为它更改了状态(调用setState()
)。然后渲染其所有子级,直到仪表板配置组件。由于其shouldComponentUpdate()
返回false,因此未呈现仪表板配置组件
现在我的问题是,为什么要呈现网格
和仪表板配置
的所有其他后代
我认为从shouldComponentUpdate
返回false应该会从渲染过程中切断组件树的整个分支
请注意:
- 我使用react-redux,但
网格
未连接到商店
SelectableGroup
和Grid
是react引导库中的组件。他们可能将上下文用于其内部目的。背景可能是重画的原因吗?(我还不知道上下文是如何工作的)
“。。。
请注意,返回false不会阻止子组件在其状态更改时重新渲染。”
我不知道组件是如何编写的,但您应该确保子组件的状态不会更改可能会发生上下文属性更改,并且组件网格正在使用其中一个更改的上下文属性,导致其重新渲染,但是看看开发工具中的网格组件,它没有任何状态。仅props。您可以使用来检查组件渲染的原因问题中的图像来自react profiler。没有任何关于渲染栅格组件的原因