PropTypes類型檢查

參考來自hangge :鏈接

prop-types簡介

之前可以直接使用 React.PropTypes 進行屬性類型檢查梨撞,不過自 React v15.5 后就被移除了估灿,所以現(xiàn)在使用prop-types庫代替。使用屬性類型檢查后敬察,類型錯誤時种玛,發(fā)手機會彈出相關的警告信息

RN為了代碼的高效運行,屬性確認僅在開發(fā)環(huán)境中有效,正式發(fā)布的 App 運行時不會進行檢查

prop-types安裝與使用

yarn add prop-types

import PropTypes from 'prop-types';

prop-types語法

屬性是指定js類型
  • PropTypes.array
  • PropTypes.bool
  • PropTypes.func
  • PropTypes.number
  • PropTypes.object
  • PropTypes.string
屬性是可渲染節(jié)點
  • PropTypes.node
屬性是某個React元素
  • PropTypes.element
屬性是某個指定類的實例
  • PropTypes.instanceOf(NameOfAClass)
屬性取值為特定的幾個值
  • PropTypes.oneOf(['value1', 'value2'])
屬性為指定類型中的任意一個
  • PropTypes.oneOfType([PropTypes.bool,PropTypes.number,])
屬性為指定類型的數(shù)組
  • PropTypes.arrayOf(PropTypes.number)
屬性是一個有特定成員變量的對象
  • PropTypes.objectOf(PropTypes.number)
屬性是一個指定構成方式的對象
  • PropTypes.shape({color: PropTypes.string,fontSize: PropTypes.number,})
屬性可以是任意類型
  • PropTypes.any

將屬性聲明為必需的

上述語法鳍置,都可以通過在后面加上 isRequired 聲明它是必需的。

PropTypes.array.isRequired
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末送淆,一起剝皮案震驚了整個濱河市税产,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌偷崩,老刑警劉巖辟拷,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異阐斜,居然都是意外死亡衫冻,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門谒出,熙熙樓的掌柜王于貴愁眉苦臉地迎上來隅俘,“玉大人邻奠,你說我怎么就攤上這事∥樱” “怎么了碌宴?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長颜骤。 經(jīng)常有香客問我唧喉,道長捣卤,這世上最難降的妖魔是什么忍抽? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮董朝,結果婚禮上鸠项,老公的妹妹穿的比我還像新娘。我一直安慰自己子姜,他們只是感情好祟绊,可當我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著哥捕,像睡著了一般牧抽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上遥赚,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天扬舒,我揣著相機與錄音,去河邊找鬼凫佛。 笑死讲坎,一個胖子當著我的面吹牛,可吹牛的內容都是我干的愧薛。 我是一名探鬼主播晨炕,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼毫炉!你這毒婦竟也來了瓮栗?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤瞄勾,失蹤者是張志新(化名)和其女友劉穎遵馆,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體丰榴,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡货邓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了四濒。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片换况。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡职辨,死狀恐怖,靈堂內的尸體忽然破棺而出戈二,到底是詐尸還是另有隱情舒裤,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布觉吭,位于F島的核電站腾供,受9級特大地震影響,放射性物質發(fā)生泄漏鲜滩。R本人自食惡果不足惜伴鳖,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望徙硅。 院中可真熱鬧榜聂,春花似錦、人聲如沸嗓蘑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽桩皿。三九已至豌汇,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間泄隔,已是汗流浹背拒贱。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留梅尤,地道東北人柜思。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像巷燥,于是被迫代替她去往敵國和親赡盘。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內容

  • 學習如何在Flow中使用React 將Flow類型添加到React組件后缰揪,F(xiàn)low將靜態(tài)地確保你按照組件被設計的方...
    vincent_z閱讀 6,353評論 4 21
  • 以下內容是我在學習和研究React時陨享,對React的特性、重點和注意事項的提取钝腺、精練和總結抛姑,可以做為React特性...
    科研者閱讀 8,232評論 2 21
  • react基礎API沒有學react的同學請看完這篇教程再看APIhttp://www.ruanyifeng.co...
    在宇宙Debugger閱讀 450評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)艳狐,斷路器定硝,智...
    卡卡羅2017閱讀 134,656評論 18 139
  • 原教程內容詳見精益 React 學習指南,這只是我在學習過程中的一些閱讀筆記毫目,個人覺得該教程講解深入淺出蔬啡,比目前大...
    leonaxiong閱讀 2,834評論 1 18