import React, { Component } from 'react'
// 子传父
class Student extends Component {
render() {
return (
<>
<h1>{this.props.msg}</h1>
<button onClick={this.changeVal.bind(this)}>按钮</button>
</>
)
}
changeVal(){
// 在props上挂一个函数
this.props.changeFn(666)
}
}
export default class Person extends Component {
state = {
msg : "传家宝"
}
render() {
return (
<div>
<Student msg={this.state.msg} changeFn={this.changeFn.bind(this)}></Student>
</div>
)
}
changeFn(num){
this.setState({
msg :num
})
}
}
React:子传父
最新推荐文章于 2024-04-16 12:06:31 发布