当前位置: 首页 > Web前端 > HTML

[React]ReactHooks使用context传递参数

时间:2023-03-28 14:50:21 HTML

当组件嵌套层级很深时,使用props从最外层的组件向最内层传递数据很繁琐,不方便编写,不直观。这时候可以使用context来传递参数。这里介绍一下在ReactHooks中使用context传参(区别于ReactClass中的使用)来提供数据组件:1.需要使用React.createContext创建一个context(比如UserContext);并导出UserContext。2.使用创建的UserContext.Provider作为祖先元素,包装接收数据的组件。3.使用上的value属性来传递context需要传递的数据。接受数据的组件:1.引入数据提供组件创建的context(这里是UserContext)2.UseContext接收数据3.使用代码:提供数据组件:接收数据组件:完成同步更新到自己的语雀https:///www.yuque.com/diracke…