依赖相同 UseEffect() 条件的多个 React 组件答案

【问题标题】：Multiple React components relying on the same UseEffect() condition依赖相同 UseEffect() 条件的多个 React 组件
【发布时间】：2020-01-05 00:45:51
【问题描述】：

假设我有两个 React 组件，A 和 B。这两个组件都有一个 useEffect 来“监听”相同的条件（条件 1，它可能是一个全局变量，就像在某些 React 上下文中一样）。当上下文变量发生变化时，先执行哪个组件的useEffect()？

组件 A { React.useEffect(() => { 做点什么 }, [条件1]); }

组件 B { React.useEffect(() => { 做点别的事情 }, [条件1]); }

【问题讨论】：

这取决于所述组件的层次结构。他们是兄弟姐妹还是父母/孩子？
嗨，这是有道理的。组件是同级的，但是组件 A 是在组件 B 之前渲染的，我注意到组件 A 的 useEffect 是先触发的。伪代码：return (

)

标签： reactjs react-hooks use-effect

【解决方案1】：

谢谢你，克里斯。你已经回答了这个问题。当多个组件在有条件的 useEffect() 中引用相同的条件时，层次结构中较高的组件将首先执行其 useEffect。

【讨论】：