zoukankan      html  css  js  c++  java
  • react 子组件调用父组件中的方法

    父组件

    import React,{Component} from 'react';
    import SonClick from './SonCllick/SonClick';
    class ParentClick extends Component{
    MakeMoney(){
    alert("我在挣钱!");
    }
    render(){
    return(
    <div>

    <div>
    <SonClick ref="child" onRef={this.onRef} MakeMoney={this.MakeMoney}></SonClick>
    </div>
    </div>
    )
    }
    }

    export default ParentClick;


    子组件

    import React,{Component} from 'react';

    class SonClick extends Component{
    StudyMakeMoney=()=>{ // 学习挣钱,调用父组件方法
    this.props.MakeMoney();
    }
    render(){
    return(
    <div>
    我是子组件

    <div>
    <button onClick={this.StudyMakeMoney}>调用父组件中的方法</button>
    </div>
    </div>
    )
    }
    }

    export default SonClick;
  • 相关阅读:
    tkinter TEXT
    tkinter
    threading.Event
    lambda demo
    Tomcat性能调优
    Tomcat优化
    BeautifulSoup库的使用
    正则的基本使用
    Urllib库的基本使用
    初识爬虫
  • 原文地址:https://www.cnblogs.com/boonook/p/9598682.html
Copyright © 2011-2022 走看看