这个问题再hooks刚出现时就有了，最近翻阅官方文档时，发现新版的React官方文档给出了详细的答案，并给出了伪代码实现，这里也做一个复习总结。

文章为去年所写，最近翻到笔记，为了熟悉一下，也为了方便看，将其放在博客中

Context

什么是Context

想象一下，我们有一个 React 应用，其中包含一个父组件，其中包含许多级别的子组件，以及子组件的子组件。 现在，我们要将数据从最上面的组件一直传递到最后一个子组件。在 React 中，数据通常通过props从一个组件自上而下传递到另一个组件。此时我们通过每个组件，通过它们的 props 传递该数据，直到到达最后一个子组件。如果这样的嵌套树形结构有5层或10层，那么将是灾难式的开发维护体验，并且容易出错。如果能不经过中间的节点直接到达需要的地方就可以避免这种问题，这时 Context api 就是来解决这个问题的。 Context API 允许我们轻松访问组件树中不同层级的数据，而不必通过 props 向下传递数据。