React之content

Context

content 是通过组件树传递数据的一个方法,从而避免在每一层手动的使用peops进行传值

相关API简介

  1. createContent

    创建一个上下文组件,value可以设置共享的默认数据

    const {Provider,consumter} = React.createContent(valueu)
    
  2. provider
    用于生产共享数据的地方,value可以设置共享的默认数据

    <Provider value={*共享数据*}></Provider>
    
  3. consumer
    专门使用Provider的共享数据,consumer是放在provider里面,才能通过回调的方式获取到共享的数据,

    <Consumer>
    	{value=>{
    		<span>将共享数据渲染到页面上</span>
    	}}
    </Consumer>
    

在这里插入图片描述

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值