首页 > 其他 > 详细

react 组件传值

时间:2020-06-17 10:02:55      阅读:51      评论:0      收藏:0      [点我收藏+]
react组件传值
1、父传子:
技术分享图片
绑定自定义属性:
A、父组件传值
技术分享图片
B:子组件接收:
技术分享图片
 
2、子传父:
技术分享图片
A、子组件传值:子组件执行父组件中的函数方法
技术分享图片
B、父组件接收:父组件中定义一个自定义函数,通过这个函数接收子组件传过来的值
技术分享图片
3、非父子传值方式:
技术分享图片
发送方在通过$emit方法把值发送出去
技术分享图片
接收方要在constructor中通过$on进行接收:
技术分享图片
 
定义外部数据类型:
技术分享图片
技术分享图片
定义默认的外部数据:
技术分享图片
当没有传值时是默认值,要定义默认的类型,保证信息传递的安全性
技术分享图片
当前p标签不会显示
技术分享图片
 
插槽:this.props.children实现插槽
技术分享图片
 
 
fragment
容器组件,是react的内置组件,不会在页面上渲染,可以用来当容器组件
技术分享图片
 
Todolist
(input)
技术分享图片
(list)
技术分享图片

react 组件传值

原文:https://www.cnblogs.com/BySee1423/p/13150640.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!