1. proptypes
import react, from 'react';
import proptypes from 'prop-types';
class greeting extends component = this.props;
return (
);}}
// proptypes 對屬性賦值的強校驗,校驗屬性型別 ===> 可以要求、限制父元件給我這個子元件傳值時的傳值型別
greeting.proptypes = ;
2. defaulttypes
class greeting extends component = this.props;
);}}
// defaultprops 如果父元件沒有向子元件傳遞對應的屬性,子元件可以自己定義屬性的預設值
greeting.defaultprops = ;
如果正在使用像transform-class-properties這樣的babel變換,則還可以在react元件類中將defaultprops宣告為靜態屬性
但是,該語法尚未最終確定,需要編譯步驟才能在瀏覽器中工作, 如下:
class greeting extends react.component
render() = this.props;
return (
hello,
)}}
PropTypes進行型別檢查
注意 react.proptypes 已經廢棄,請使用 prop types 庫來代替.隨著應用日漸龐大,我們可以通過型別檢查捕獲大量錯誤.對於某些應用來說,你還可以使用 flow 或 typescript 這樣的 js 擴充套件來對整個應用程式進行型別檢查.然而即使不用他們,react 也有一些內...
react 型別檢查prop types
1,注意 react.proptypes 自 react v15.5 起已棄用。請使用 prop types 庫代替。import proptypes from prop types class greeting extends react.component greeting.proptypes ...
React元件屬性類 propTypes
可以宣告 prop 為指定的 js 基本型別。預設 情況下,這些 prop 都是可傳可不傳的。optionalarray react.proptypes.array,optionalbool react.proptypes.bool,optionalfunc react.proptypes.func...