zl程序教程

您现在的位置是:首页 >  其他

当前栏目

【REACT NATIVE 系列教程之二】创建自定义组件&&导入与使用示例

amp导入组件教程React 系列 创建 自定义
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中所用图片的高

 

运行效果如下:(点击查看动态图)

user7