React(组件间通信--子级向父级传递消息)

子级向父级传递"55"(实质是父级向子级传递了一个方法,供子级调用)

import React, { Component } from 'react';

class Ch extends React.Component{
    constructor(...args){
        super(...args)

        this.num=55
    }
    render(){
        this.props.a(this.num)
        return <div></div>
    }
}

class Fa extends React.Component{
    constructor(...args){
        super(...args)
    }
    fn(num){
        alert(num)
    }
    render(){
        return  <div><Ch a={this.fn.bind(this)}/>
        </div>
    }
}
export default Fa;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,755评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 32,053评论 18 399
  • 夜已深,路灯下,树影摩挲。 上次回家,王一妈说王一头发长了,该去理发了。王一偷懒,说下周又不是不回来了,王一妈窃喜...
    翱翔的窝窝头阅读 2,865评论 1 1
  • 起来就看见手机上黄姑娘早早发来的消息,哦,今天她值班。 看见黄姑娘写的东西很开心,但傲娇的我不会说。 上班时看见她...
    黄姑娘与高先生的日常阅读 1,157评论 0 0
  • 安装hadoop2.7.3 安装zookeeper 安装hbase1.2.4 配置hbase中的hbase/con...
    我是Mr小赵先生阅读 3,405评论 0 1