react传递数据的几种方式

一、父组件传给子组件

(1).可以传递任意类型的数据

(2).props是只读对象,只能读取属性的值,无法修改属性的值

函数式传值:

类组件传值:

二、子组件传给父组件

父组件通过props向子组件传入一个方法,子组件在通过调用该方法,将数据以参数的形式传给父组件,父组件可以在该方法中对传入的数据进行处理;

     三、变量提升

React中的状态提升就是将多个组件需要共享的状态提升到它们最近的父组件上.在父组件上改变这个状态然后通过props分发给子组件.

 

我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=2ppbbdfhvlwk8

版权声明:
作者:王, 红磊
链接:http://weifantech.com/index.php/2022/01/24/react%e4%bc%a0%e9%80%92%e6%95%b0%e6%8d%ae%e7%9a%84%e5%87%a0%e7%a7%8d%e6%96%b9%e5%bc%8f/
来源:YunDevOps
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录