react中子组件向父组件传值

react中父子通信传值

我们在日常开发中,使用react框架难免会遇见多个组件之间互相传值的情况出现,那么我们这个时候应该怎么去处理呢。这里我就要分享以下父子传值的方式。

首先大概说一下思路吧,我们想要子组件传一个值去父组件,那么,这个时候我们就可以这样去实现,首先让父组件定义一个方法函数,然后这个方法函数在子组件中去定义,这样就可以把方法传到子组件,然后子组件用props.方法名去接收,并且将想要传上的值传进函数里面,然后父组件的函数体内用形参去接受一下,这样就实现的子组件向父组件传值。下面截图示例


这里是父组件里面定义的方法
在这里插入图片描述
定义一个targetvalue来接受实参。


然后在子组件的标签里面传入这个方法

在这里插入图片描述

然后接下来在子组件中用props去接收这个方法,并传入参数

在这里插入图片描述

那么这样就打通了一个通道,去让父子之间通信!


版权声明:本文为weixin_44029226原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。