Happy New Year!

React 父组件调用子组件的方法

父组件调用子组件的方法 React v16.3.0 及以后版本使用

复制代码
import React, {Component} from 'react';

export default class Parent extends Component {
    render() {
        return(
            <div>
                <Child onRef={this.onRef} />
                <button onClick={this.click} >click</button>
            </div>
        )
    }

    onRef = (ref) => {
        this.child = ref
    }

    click = (e) => {
        this.child.myName()
    }

}

class Child extends Component {
    componentDidMount(){
        this.props.onRef(this)
    }

    myName = () => alert('xiaohesong')

    render() {
        return ('woqu')
    }
}
复制代码

 

参考链接:https://www.cnblogs.com/universe-cosmo/p/10969351.html

posted @ 2020-05-20 12:01  义美-小义  阅读(852)  评论(0编辑  收藏  举报
返回顶部小火箭
世界很公平,想要最好,就一定得付出!
x
github主页