[React日志]react中的父子组件传值问题

react中是单向数据流,
父组件向子组件传值
通过props,将父组件的state传递给了子组件。
父级组件向子级传值如下图:1
就是把父级的一些值引入子组件标签中,直接定义传出,子组件在props中接收

如何把子组件的数据传回父组件呢?
子组件向父组件传值
父子组件通信不仅可以传值,还可以传递方法,父组件将更新数据的方法拿给子组件使用,子组件将自身的数据传入这个方法并调用,以此来改变父组件的数据。
如下图:先在父组件定义函数,并传递给子组件2
子组件在props中接收到这个函数,调用这个函数把子组件的数据传给父级。如下图:
3

猜你喜欢

转载自blog.csdn.net/u013034585/article/details/105783211