PropTypes和DefaultTypes的應用

1. proptypes

import react,  from 'react';

import proptypes from 'prop-types';
class greeting extends component = this.props;
return (
);}}
// proptypes 對屬性賦值的強校驗，校驗屬性型別 ===> 可以要求、限制父元件給我這個子元件傳值時的傳值型別
greeting.proptypes = ;

class greeting extends component  = this.props;

);}}
// defaultprops 如果父元件沒有向子元件傳遞對應的屬性，子元件可以自己定義屬性的預設值
greeting.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...