Reactjs 即使其父组件未渲染,也会渲染子组件

Reactjs 即使其父组件未渲染,也会渲染子组件,reactjs,Reactjs,我有一个关于React中渲染的问题。见下图 之所以呈现SelectableGroup组件,是因为它更改了状态(调用setState())。然后渲染其所有子级,直到仪表板配置组件。由于其shouldComponentUpdate()返回false,因此未呈现仪表板配置组件 现在我的问题是,为什么要呈现网格和仪表板配置的所有其他后代 我认为从shouldComponentUpdate返回false应该会从渲染过程中切断组件树的整个分支 请注意: 我使用react-redux,但网格未连接到商店

我有一个关于React中渲染的问题。见下图

之所以呈现
SelectableGroup
组件,是因为它更改了状态(调用
setState()
)。然后渲染其所有子级,直到
仪表板配置
组件。由于其
shouldComponentUpdate()
返回false,因此未呈现
仪表板配置组件

现在我的问题是,为什么要呈现
网格
仪表板配置
的所有其他后代

我认为从
shouldComponentUpdate
返回false应该会从渲染过程中切断组件树的整个分支

请注意:

  • 我使用react-redux,但
    网格
    未连接到商店
  • SelectableGroup
    Grid
    是react引导库中的组件。他们可能将上下文用于其内部目的。背景可能是重画的原因吗?(我还不知道上下文是如何工作的)

“。。。 请注意,返回false不会阻止子组件在其状态更改时重新渲染。”


我不知道组件是如何编写的,但您应该确保子组件的状态不会更改

可能会发生上下文属性更改,并且组件网格正在使用其中一个更改的上下文属性,导致其重新渲染,但是看看开发工具中的网格组件,它没有任何状态。仅props。您可以使用来检查组件渲染的原因问题中的图像来自react profiler。没有任何关于渲染栅格组件的原因