反应更干净的方式提升状态

Question

我读了5个SO问题和https://reactjs.org/docs/lifting-state-up.html，但还没有找到更好的方法。我需要从我的React项目中的其他位置切换弹出窗口，而它们的最低祖先是App。如果我想将状态提升到传统方式（到App，一直到两个组件），则需要遍历许多不同文件的20个组件。受影响的层次结构如下所示：

App --> RightColumn --> Search --> ... --> SearchCardEntry --> SearchCardEntryColumn
    --> PopupWrapper --> PopupBook

我认为必须有一种更好的方法，尤其是对于具有数千个组件的大型项目。

Answer 1

您可以使用React Context轻松共享广泛的数据组件，并避免在过多的层之间移动状态。