React的子父组件传值
- 父——>子
这是在父组件里面引用子组件(AreaList是子组件)。直接在父子间引用子组件的时候添加一个属性。
然后在子组件里面直接this.props.属性名就可以得到。 - 子——>父
在父组件引用子组件时(在父组件页面),也是添加一个属性,只不过是方法。
(下面的改变this指向,也可以写成getArea = { (e:string)=>{this.getAreaDatas(e)} }
)
然后在子组件里使用this.props.属性名仍然可以拿到这个属性,调用这个方法,把想传的值当成参数传过去。(e就是想传的参数)
然后在调用父组间的函数里,就可以得到这个子组件传过来的值
本人小白一枚,在此记录自己学习前端路上的一些笔记知识,如有不足和错误,欢迎指出,共同学习!望以后多担待,会努力记录哒~