[react] 在React怎么使用Context？

Posted 2021-12-13 前端小歌谣

[react] 在React怎么使用Context？

context : Context提供了一种方式，能够让数据在组件树中传递，而不必一级一级手动传递。

API : createContext(defaultValue?)。

使用方法：
首先要引入createContext
import React, Component, createContext from 'react';

然后创建一个Context
const BatteryContext = createContext();
然后用BatteryContext.Provider包裹组件并且传递属性值。

<BatteryContext.Provider value=60>
<Middle />　　//子组件
</BatteryContext.Provider>

 个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题