react 子组件调用父组件中的方法

• Z时代
• 2024-01-10
• 分类：综合

父组件

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;

以上是 react 子组件调用父组件中的方法 的全部内容， 来源链接： utcz.com/z/381806.html