zoukankan      html  css  js  c++  java
  • react 传值方式

    https://blog.csdn.net/amyloverice/article/details/80728983

    react 组件传值
    1、分父亲向儿子传值

    2、子向父亲传值

    3、没有嵌套关系的组件之间传值,例如兄弟组件传值

    1.父组件向子组件传值
    (通过props来传值,这种应用,很多时候我们某个组件在不同的地方用到,但是就只是内容不一样,这样在调用组件就是父组件的时候给各自自己的值就好)
    //子组件
    class Es6cComponent extends React.Component{
    constructor(props){
    super(props);
    }
    render(){
    return(
    <div>
    <div>{this.props.nameall}</div>
    </div>
    )
    }
    }
    //父组件
    class App extends React.Component{
    render(){
    return(
    <div>
    <Es6cComponent nameall="abc"/>
    </div>
    )
    }
    }

    2.子组件给父组件传值 ( 回调函数)


    3.兄弟组件传值(子组件传给父组件,由父组件再传给另外一个子组件)


    ————————————————
    版权声明:本文为CSDN博主「amyloverice」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/amyloverice/article/details/80728983

  • 相关阅读:
    JavaScript深入解读
    CentOS7上安装与配置Tomcat8与MySQL5.7
    码云的初步使用
    MySQL安装与初步操作
    自定义消息队列
    用Executors工具类创建线程池
    Java中的BlockingQueue队列
    Restful对于URL的简化
    docker push 实现过程
    通过docker-machine和etcd部署docker swarm集群
  • 原文地址:https://www.cnblogs.com/itlover2013/p/15383686.html
Copyright © 2011-2022 走看看