react 子父通讯

父组件回调 ： 属性 = { (参数)=>{this.函数(参数)} }

import React from 'react';
import MianClass from '../Mian-class';
import Mianfunc from '../Mian-func';

class Mian extends React.Component{
    keyClass(text){
        return console.log(text)
    }
    render() {
      return (
            <div>
        
                <h2>类</h2>
                <MianClass 
        				keyClass = {(text)=>this.keyClass(text)}  ---------
  							></MianClass>

                <h2>函数</h2>
                <Mianfunc 
								keyClass = {(text)=>this.keyClass(text)}  ----------
                ></Mianfunc>

            </div>
        )
    }
}

export default Mian

类子组件 通过 this.props.属性 （值） 调用父组件方法传入值

import React from 'react';

class MianClass extends React.Component{
    constructor(){
        super()
        this.state ={
            key:"类组件"
        }
    }
	render() {
    
  	 this.props.keyClass(this.state.key)   ------------------
    
        return (
           <div>类子组件</div>
        )
    }
}

export default MianClass

函数组件 通过 传入的 props 接收 props.属性（值） 传入

function Mianfunc(props){

    props.keyClass("函数组件")
    return(
        
        <div>函数组件</div>
    )
}



export default Mianfunc