## 屬性校驗
props是元件對外暴露的介面,所以介面型別很重要,否則不利於組建的復用。react提供了校驗的方法。
import proptypes form "prop-types"
class index extends react.component
index.proptypes = 複製**
proptypes支援的型別有一下:
string/number/boolean/function/object/array/symbol/element(react 元素)/node(可被渲染的節點:數字、字串、react元素或這些型別的資料組成的陣列)
同時 還支援更詳細的型別要求和必需配置,如下
index.proptypes = ).isrequired,
list: proptypes.arrayof(proptypes.number) //陣列的元素是數字
}複製**
## 預設屬性
可能在初始化state的時候要用到props傳入的預設值,一般這樣寫
this.state = 複製**
我們可以這樣定義預設值,以防沒有傳入props
index.defaultprops = 複製**
React中的屬性校驗和預設屬性
一,在react中props是元件對外暴露的介面,但通常元件並不會明顯的申明他會暴露那些介面及型別,這不太利於元件的復用,但比較好的是react提供了proptypes這個物件用於校驗屬性的型別,proptypes包含元件屬性的所有可能型別,以下我們通過乙個示列來說明 物件的key是元件的屬性名,v...
JavaScript學習手記2
1.物件 在js裡所有的事物都是物件 字串 數值 陣列 函式 允許自定義物件 物件包含屬性和方法。2.自定義物件 定義並建立物件例項,使用函式來定義,然後建立新的物件例項 3.string物件 用於處理字串 可以使用單引號也可以是雙引號 indexof 在字串中查詢字串,返回開始位置 match 內...
FotoVision學習手記 2
預設情況下,vs.net提供的控制項即使在winxp下執行,也不能獲得xp風格的介面,因此,fotovision裡加入了乙個manifest檔案。這是乙個xml檔案,這個檔案明確指定了窗體控制項使用的是版本為6.0的comctl32.dll。這個dll檔案中包含了一些新的控制項以及一些控制項的新特性...