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

react

react中是单向数据流,

父组件向子组件传值

通过props,将父组件的state传递给了子组件。

父级组件向子级传值如下图:

就是把父级的一些值引入子组件标签中,直接定义传出,子组件在props中接收

如何把子组件的数据传回父组件呢?

子组件向父组件传值

父子组件通信不仅可以传值,还可以传递方法,父组件将更新数据的方法拿给子组件使用,子组件将自身的数据传入这个方法并调用,以此来改变父组件的数据。

如下图:先在父组件定义函数,并传递给子组件

子组件在props中接收到这个函数,调用这个函数把子组件的数据传给父级。如下图:

以上是 [React日志]react中的父子组件传值问题 的全部内容, 来源链接: utcz.com/z/381352.html

回到顶部