React Context源码实现机制如何详细解析？

本文共计1841个文字，预计阅读时间需要8分钟。

目录+什么是Context+Context的使用示例+createContext+Context的设计非常独特+useContext+useContext的相关源码+debugger查看调用栈+什么是Context+前面来看Context+Context是一个非常强大但很多时候不会直接使用+

目录

• 什么是 Context
• Context 使用示例
• createContext
• Context 的设计非常特别
• useContext
• useContext 相关源码
• debugger 查看调用栈

什么是 Context

目前来看 Context 是一个非常强大但是很多时候不会直接使用的 api。大多数项目不会直接使用 createContext 然后向下面传递数据，而是采用第三方库（react-redux）。

想想项目中是不是经常会用到 @connect(...)(Comp) 以及 <Provider value={store}><App /></Provider>？

Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。