Context Api是React提供的能够在全局之间共享数据的一个Api, 原有的React进行数据的通信的方式是通过props进行数据传递, 而Context提供了一个在不需要props的情况下,...进行跨组件通信的方式.
[1557155591949.png]
如上图, 组件A需要传递信息给组件E, 需要通过props,先传递给组件B,然后把信息通过组件B传递给组件D,最后才传递给组件E....Api 的组成如下:
React.createContext 初始化一个Context
Provider 作为顶层组件用于提供数据(可以是字符串,数字, 甚至是函数), 数据会存放在一个名为value...(包括生命周期函数内)
总结
Context Api 是提供了一个'上下文'对象(TodoListContext), 通过这个对象我们可以在目标组件(TodoListPorvider)中订阅数据, 每当数据的变动时...--reactjs.netlify.com/docs/context.html