React - Context 对象解析

[jtwang7]

React - Context 对象解析

参考文章：

• 漫谈 React 系列(五): 我们来简单聊一下 Context
• 聊一聊我对 React Context 的理解以及应用

Context 在 react-redux 中的使用

在 react 应用中使用 Redux，我们会借助到 react-redux 这个库。
在 react-redux 中，React 组件中可以很方便的访问 store 对象 的 state， 并通过 store.dispatch 修改 state，然后通知使用 store.state 的组件更新。
React 组件获取到 redux store 对象的途径 (或者说是 store 对象在 React 中传递的途径) 通过 Context 的 Provider 和 Consumer 实现。
应用 react-redux 时，需要访问 store 的组件必须包裹在 react-redux 提供的 Provider 组件 中。ReactRedux.Provider 在实现过程中使用了 Context 。 它会利用 React.createContext 构建一个 Context 对象，Redux 构建的 store 对象 会保存到 Context._currentValue，然后通过 Context.Provider 将 Context 对象 引入 react 应用 供子组件订阅。被 ReactRedux.Provider 包裹的所有 容器组件(或者使用 hook 的组件) 都可以从 Context 中获取 store 对象。