本教程操作环境:windows10系统、react16版,该方法适用于所有品牌电脑。

React中子组件向父组件传递值

React是单向数据流,在react中父组件可以通过props方便的向子组件传递数据,但是子组件怎么向父组件传递值呢?

首先通过父组件给子组件传递一个函数,然后子组件通过参数传到父组件,通过props来传递函数的引用,并通过回调的方式实现,其实就是子组件调用父组件的方法,把数据以形参的方式传出来。

如何把子组件的数据传回父组件呢?就需要使用函数在子组件之间调用,通过函数传给父组件,如下图:

1.png

以上就是react子组件如何向父组件传值?的详细内容,更多请关注其它相关文章!