【REACT NATIVE 系列教程之二】创建自定义组件&&导入与使用示例
2023-09-14 08:59:37 时间
>这里需要注意的就一个 this.props:
在React中,组件的属性可以在组件类的 this.props 对象上获取。也就是说我们可以通过this.props对象上得到创建时传过来的属性。(注意属性名字要保持一致,才能正确获取到)
需要注意的:this.props.children 的值有三种可能:
a.如果当前组件没有子节点,它就是 undefined ;
b.如果有一个子节点,数据类型是 object ;
c.如果有多个子节点,数据类型就是 array 。所以,处理 this.props.children 的时候要小心。
3. 将我们写好的组件导入module中。
import X from ‘Y‘
X: 任意名字,用来代表我们导入的组件在此的临时组件名(可以与原组件名一致)
Y: 组件所在的相对路径
2. 在Render中使用:
bgColor: 传给MyButton的按下后的底色
onPress: 传给MyButton的触发函数(这里Himi偷懒用了lambda表达式)
imgWidth:传给MyButton中所用图片的宽
imgHeight:传给MyButton中所用图片的高
运行效果如下:(点击查看动态图)
相关文章
- mysql 导入&导出sql文件
- MongoDB备份数据库&导入数据库
- nohup top & 问题: top: failed tty get
- 分布式&微服务传送门
- 【IOS-COCOS2D-X 游戏开发之七】整合COCOS2DX的ANDROID项目到XCODE项目中,XCODE编写&编译代码,ANDROID导入打包运行即可!
- 【游戏开发备注之一】关于COCOS2DX_V1.X版本IPHONE与ANDROID运行出现图片白块、添加GAMECENTER报错问题及编译ANDROID闪退的解决办法&&CCLOG与CCLOG的区别
- 拥抱新技术的一点思考 & 对大数据处理的一点思考
- PG&GP · 特性分析 · 外部数据导入接口实现分析
- 10款神奇的字符图案 & 词汇云生成工具
- WCF 在应用程序级别之外使用注册为 allowDefinition='MachineToApplication' 的节是错误的。
- 华为OD机试 - 勾股数元组(Java & JS & Python)
- 明明白白WAS&IBM JDK的版本以及它们各安装了哪些补丁!
- $(this).attr("checked",false);
- ML之RF&DT:利用RF(RFR)、DT(DTR)两种算法实现对boston(波士顿房价)数据集进行训练并预测
- 大并发server架构 && 大型站点架构演变
- STM32学习之路-LCD(4)<显示字符>
- Error:Execution failed for task ':app:dexDebug'. > com.android.ide.common.process.ProcessException
- poj1573&&hdu1035 Robot Motion(模拟)
- 软件测试——测试执行规范&缺陷跟踪处理
- SVM数学原理推导&鸢尾花实例
- TCP回放攻击 & DDoS脉冲攻击Hit and Run IoT僵尸网络 在DDoS攻击黑产领域最活跃
- OpenCV入门(五)快速学会OpenCV4文字绘制&边界填充
- 【霍洛维兹数据结构】栈和队列 | 动态循环队列 | 迷宫问题 | 表达式 | 多重栈&多重队列