react 中子組件調用父組件的方法

1.在父組件中定義方法，並綁定在子組件上

// 在子組件中調用父組件中的方法
import React,{Component} from 'react';
import Child from './child'

class Parent extends Component{
    constructor(props){
        super(props);
        this.fun=this.fun.bind(this);
    }
    fun(){
        console.log('你調用了父組件的方法')
    }
    render(){
        return (
            <div>
                <Child getFun={this.fun}></Child>
            </div>
        )
    }
}

export default Parent;

　　

2.在子組件中通過this.props來調用父組件中的方法、

// 在子組件中調用父組件中的方法
import React,{Component} from 'react';

class Child extends Component{
    constructor(props){
        super(props);
        console.log(this.props,'0000000000000000')
    }
    render(){
        return(
            <div>
                child
                <button onClick={()=>{console.log('你點擊了按鈕');this.props.getFun()}}>點擊</button>
            </div>
        )
    }
}

export default Child;