React Native 自定义组件

时间:2024-05-18 13:10:31

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'>

 

React Native 自定义组件

效果图

外部调用

 

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

赞赏支持

 日记本

© 著作权归作者所有

举报文章

React Native 自定义组件关注塔米尔 

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

喜欢

 

7

   更多分享

React Native 自定义组件

React Native 自定义组件

登录 后发表评论

3条评论 只看作者

按时间倒序按时间正序

React Native 自定义组件

 爱哭的笨小孩

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  回复

 添加新评论

React Native 自定义组件

 塔米尔 作者

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