反应更清洁的方式来提升 state

Question

我已经阅读了 5 个 SO 问题和https://reactjs.org/docs/lifting-state-up.html并且我还没有找到更好的方法来做到这一点。 我需要从我的 React 项目的其他地方切换弹出窗口 window，它们的最低祖先是 App。 如果我想以传统方式提升 state（到 App，一直到两个组件），我需要 go 通过许多不同文件中的 20 个组件。 受影响的层次结构如下所示：

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

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

Answer 1

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