React學習手記2 屬性校驗和預設屬性

2021-09-11 13:52:10 字數 724 閱讀 5163

##  屬性校驗

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檔案中包含了一些新的控制項以及一些控制項的新特性...