PropTypes進行型別檢查

注意:react.proptypes 已經廢棄, 請使用 prop-types 庫來代替.

隨著應用日漸龐大,我們可以通過型別檢查捕獲大量錯誤. 對於某些應用來說,你還可以使用 flow 或 typescript 這樣的 js 擴充套件來對整個應用程式進行型別檢查. 然而即使不用他們, react 也有一些內建的型別檢查功能. 要檢查元件的屬性,需要配置特殊的 proptypes 屬性:

import proptypes from 'prop-types';
class greeting extends react.component 
} greeting.proptypes =

proptypes 包含一整套驗證器,可用於確保你接收的資料是有有效的. 在上面例項中, 我們使用了 proptypes.string. 當你給屬性傳遞無效值時, js 控制台將會列印警告, 處於效能原因, proptypes 只在開發模式下進行檢查.

限制單個子代:

使用 proptypes.element 可以指定只傳遞乙個子代.

屬性預設值:

可以通過配置 defaultprops 為 props 定義預設值.

class greeting extends react.component 
}//為屬性指定預設值
greeting.defaultprops =