【已解決】React 子組件和父組件之間傳值（超簡潔的demo）

1.子組件向父組件傳值

       子組件：

// val1 和 val2 是子組件將要向父組件傳的值
<div onClick={()=>{this.props.handClick(val1, val2)}}>}</div>

        父組件：

    handClick(val1, val2){
        // 父組件獲取子組件傳過來的 val1 和 val2
        this.setState({
            val1: val1,
            val2: val2,
        })
        console.log(type, name);
    }

    render() {
        <Child handClick={this.handClick}/>
    }

2.父組件向子組件傳值

        父組件代碼：

// this.state.val 是 父組件 向 子組件傳的值
<Child val={this.state.val} />

       子組件代碼：

// 子組件通過 this.props.val 獲取值
let value = this.prosp.val;