React Context源码实现原理详解是如何构成的？

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

目录- 什么是 Context- 使用示例- createContext 的设计特点- 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，就能在组件树间进行数据传递的方法。