React组件传值(子传父)

<script type="text/babel">
    //父亲
    class Abox extends React.Component{
        constructor(props) {
        super(props);
        this.state = {
            arr: [{
                "userName": "fangMing", "text": "123333", "result": true
            }, {
                "userName": "zhangSan", "text": "345555", "result": false
            }, {
                "userName": "liSi", "text": "567777", "result": true
            }, {
                "userName": "wangWu", "text": "789999", "result": true
            },]
        }
    }

    getchild=(v)=>{
        console.log(v)
    }

    render() {
        return (
            <div>
                <Son arr={this.state.arr} jieshou={this.getchild}></Son>
            </div>
        )
    }
 }
    



    //儿子
    class Son extends React.Component{
        constructor(props) {
        super(props)
        this.state={
            num:1
        }
    }
    
    zifhuanfu=(opp)=>{
       this.props.jieshou(opp)
    }
    
    render() {
        console.log(this.props.arr)
        return (
            <div className="list">
                <ul>
                    {
                        this.props.arr.map(item => {
                            return (
                                <li key={item.userName}>
                                    {item.userName} 评论是:{item.text}
                                    <button onClick={()=>this.zifhuanfu(this.state.num)}>子传父</button>
                                </li>
                                
                            )
                        })
                    }
                </ul>
            </div>
        )
    }
    }

    ReactDOM.render(
        <div>
            <Abox></Abox>
        </div>,
        document.getElementById("root")
    )
</script>