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;