react子组件如何向父组件传值?

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

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

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

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

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

1.png

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

赞(0) 打赏
未经允许不得转载:html中文网首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

1/1