Loading... ## Context 一种组件间通信方式, 常用于【祖组件】与【后代组件】间通信 在应用开发中一般不用context, 一般都用它的封装react插件 ```jsx // 1. 创建Context容器对象： const XxxContext = React.createContext() // 2. 渲染子组时，外面包裹xxxContext.Provider, 通过value属性给后代组件传递数据： <xxxContext.Provider value={state}> </xxxContext.Provider> </xxxContext.Provider> // 3. 后代组件读取数据： // 第一种方式:仅适用于类组件 static contextType = xxxContext // 声明接收context this.context // 读取context中的value数据 // 第二种方式: 函数组件与类组件都可以 <xxxContext.Consumer> { value => ( // value就是context中的value数据 要显示的内容 ) } </xxxContext.Consumer> ``` ## Fragment 可以不用必须有一个真实的DOM根标签 ```jsx // 1. 只可以设置 key 属性，用于遍历组件 <Fragment> </Fragment> // 2. 不可以设置任何属性 <> </> ``` 最后修改：2022 年 12 月 07 日 © 允许规范转载 赞 如果觉得我的文章对你有用，请随意赞赏