React 父组件调用子组件方法(父组件获取子组件数据)

通过父组件来调用子组件方法的常用处理方法

代码理解简单 照猫画虎即可，该方法也适用于父组件获取子组件数据(既:调用子组件方法，返回子组件拿到的值)

 
export default class Parent extends Component {
    render() {
        return(
            

                
                click
            
        )
    }
 
    onRef = (ref) => {
        this.child = ref
    }
 
    click = (e) => {
        this.child.myName()
    }
 
}
 
class Child extends Component {
    componentDidMount(){
        //必须在这里声明，所以 ref 回调可以引用它
        this.props.onRef(this)
    }
 
    myName = () => alert('我的名字')
 
    render() {
        return (
				<>
					
子组件
				
		)
    }