我們在使用props時有時會需要特別對傳進來的資料做檢查所以通常我們就會用以下幾個資料類型來做驗證:
我們在這使用type
的屬性對props傳遞的資料做檢查,大致可以寫成這樣。
我們檢查的屬性可以不只一個喔!
為甚麼要設預設值呢,就是為了避免props回傳直時沒有資料,要是沒有資料畫面看起來不就空空的。現在我們只要加上default
屬性就可以有預設值了。
前面我們知道我們可以透過type屬性來檢查props傳遞回來的資料但是現在我想對資料做更多的驗證時我們就可以用到validator
來達到我們的目的。
現在要是我們props近來的資料不符合我們的規則時我們就可以在console裡看到錯誤!!!
今天就先到這了,明天見~