propTypes 在 react 中資料型別檢驗

為什麼使用proptypes？

在 react 中，不同元件通過props進行單向傳值；不同值型別可能造成不必要的麻煩。

在 js 中，不同的資料型別可能存在強制資料型別轉換。（string => number）

這些問題在寫**的時候不容易發現，如果介面中出現了資料型別的問題，不好找到問題的原因。

所以，引入proptypes，對於引入的props資料型別進行檢驗，避免潛在的問題（可能js執行強制數值轉換後，介面出現錯誤，但是不會在控制台報錯）。

npm install prop-types

const proptypes = ;

addreviewerdialog.proptypes = proptypes;
son.proptypes = 
son.proptypes = 
//oneoftype 監測多個資料型別(乙個props可以傳入多個資料型別)
son.proptypes =

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...

react的型別檢查（PropTypes）

型別檢查時為了避免像元件中傳入不必要的資料型別，從而導致一些不必要的bug。下面是學習proptypes的時候的一些筆記 宣告為js型別optionalarray proptypes.array,陣列 optionalbool proptypes.bool,布林 optionalfunc propt...