React子组件修改父组件数据
子组件
class LookDetail extends Component {
constructor(props,context) {
super(props,context)
this.state = {};
}
back=()=>{// 子组件的点击事件
this.props.changeData() // 这个changeData()就是激活父组件的方法,可以传值
}
render() {
const {data}=this.props;//这个data就是父组件传入的数据
return (
<div>
<h1>详情页当前的信息是:{data.ZBMC}</h1>
<span onClick={this.back}>返回</span>
</div>
)
}
}
export default LookDetail
父组件
import LookDetail from "./LookDetail";
class Father extends Component {
constructor(props,context) {
super(props,context)
this.state = {
change:1
};
}
ChildrenChange=(val)=>{//这个val就是子组件传来的
this.setState({
change:2
})
}
render() {
return (
<div >
<LookDetail changeData={this.ChildrenChange} data={SonData} />
</div>
)
}
}
export default Father