zoukankan      html  css  js  c++  java
  • 前端 组件之前通信

    1、⽗组件向⼦组件传递数据(状态)时,是在调⽤⼦组件的时候通过参数传递给⼦组件,⼦组件通过this.props进⾏接收;

    2、⼦组件如果更改⽗组件的⼀些属性,则是通过⽗组件定义的⽅法来传递给⼦组件,⼦组件调⽤更改

    3、如果⽗组件想要更改⼦组件的⼀些状态时,通过ref进⾏标记,可以获取⼦组件的所有信息,从⽽调⽤⼦组件的⽅法和值;

    4、兄弟组件之间通信

     a:  通过父组件的传递

     b: 多个组件层级比较多的情况下

        React提供了一种上下文方式(挺方便的),可以让子组件直接访问祖先的数据或函数,无需从祖先组件一层层地传递数据到子组件

       Const {Provider,Consumer}=react.creatContext()

      在父组件中声明childcontextType的对象,还要实例getchildContext方法,返回一个纯对象

      子组件中需要声明使用的使用的context属性,使用的时候就是const {a}=this.context;

        this.context.[callback] 这样就可以进行祖先与子组件间的沟通了

    例子

  • 相关阅读:
    Linux下的邮件发送
    Linux下用户和raid练习题
    Linux centos7.5操作系统的安装
    Linux chattr文件锁
    Linux系统下root密码丢失解决方案
    周总结2
    课堂作业1
    开课博客
    阅读3
    作业8
  • 原文地址:https://www.cnblogs.com/xiaoeshuang/p/14208424.html
Copyright © 2011-2022 走看看