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