React Native 自定义组件

React Native 自定义组件

 塔米尔 关注

2017.04.02 01:04* 字数 181 阅读 872评论 3喜欢 7

ES6语法

定义组件
在ES6里，我们通过定义一个继承自React.Component的class来定义一个组件类，像这样：

定义组件的属性类型和默认属性

在ES6里，可以统一使用static成员来实现

---

正文

首先

必须包含PropTypes，这是为了规范组件属性的数据类型

设置默认属性

设置对外接收的属性，以及属性的数据类型

上面的block属性我设置的是一个func类型，也就是函数，在这里就是起一个回调作用。

外部使用

引入自定义组件文件

自定义组件完整代码

<div align='center'>

 

效果图

外部调用

小礼物走一走，来简书关注我

赞赏支持

 日记本

© 著作权归作者所有

举报文章

关注塔米尔 

写了 7490 字，被 5 人关注，获得了 24 个喜欢

喜欢

 

7

   更多分享

登录 后发表评论

3条评论 只看作者

按时间倒序按时间正序

 爱哭的笨小孩

3楼 · 2017.09.23 20:30

Note: React.PropTypes is deprecated as of React v15.5. Please use the prop-types library instead.

赞  回复

 

塔米尔：

 不知道你解决这个警告美有，如果没有你可以看看React的官方日志，按他的使用方法来
https://reactjs.org/blog/2017/04/07/react-v15.5.0.html

 

2017.11.09 14:46  回复

 添加新评论

 塔米尔 作者

2楼 · 2017.04.02 01:06

给自己点赞

转自: 

https://www.jianshu.com/p/095a780d6bdc?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation