Context Api是React提供的能够在全局之间共享数据的一个Api, 原有的React进行数据的通信的方式是通过props进行数据传递, 而Context提供了一个在不需要props的情况下,...这个过程中可能组件B和组件D不需要这些数据, 如果将来有组件插入到这个中间, 这个组件也需要传递props,就显得比较麻烦, 需要我们可以考虑使用Context来进行传递信息....让我们看以下Demo:
// context.js
import React from 'react';
export const TodoListContext = React.createContext...初始化一个Context
Provider 作为顶层组件用于提供数据(可以是字符串,数字, 甚至是函数), 数据会存放在一个名为value的属性中
Consumer 作为消费组件用于订阅数据, 它可以出现在组件树的任意位置...(包括生命周期函数内)
总结
Context Api 是提供了一个'上下文'对象(TodoListContext), 通过这个对象我们可以在目标组件(TodoListPorvider)中订阅数据, 每当数据的变动时