【已解决】React 子组件和父组件之间传值

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;

猜你喜欢

转载自blog.csdn.net/Ja_time/article/details/89436866
今日推荐