Context(精读React官方文档-15)

Context有什么作用？

官方描述：Context 为组件树中的数据共享提供了一种机制，无需对每一层级的组件手动设置 props 即可实现信息的传递。当属性只能通过 props 由上至下逐层传递时，在特定场景中会带来较大的操作负担，例如 UI 主题的继承问题。Context 的引入，为在多个组件间共享这类数据提供了更为便捷的解决方案，避免了必须通过组件层级逐层传递 props 的繁琐过程。

解读

1. 利用 Context 可以实现组件树内部的数据共享，同时省去了对 props 的手动配置步骤。

Context使用场景分析

Context的设计初衷在于实现组件树中全局数据的共享功能。

例如以下示例所示，可以通过theme属性对按钮组件的外观样式进行手动修改

    class App extends React.Component {
      render() {
    return <Toolbar theme="dark" />;
      }
    }
    
    function Toolbar(props) {
      // Toolbar 组件接受一个额外的“theme”属性，然后传递给 ThemedButton 组件。
      // 如果应用中每一个单独的按