React-5：組件之 props 驗證

props 驗證

        隨着應用的不斷增長，也是爲了使程序設計更加嚴謹，我們通常需要對數據的類型（值）進行一些必要的驗證，React.js 提供了

        一個驗證庫：prop-types

---

prop-types

        prop-types 是一個獨立的庫，需要安裝

        https://www.npmjs.com/package/prop-types

安裝

        npm i -S prop-types

使用

        import PropTypes from 'prop-types'

它的使用並不複雜，與 defaultProps 類似，我們在組件類下添加一個靜態屬性 propTypes ，它的值也是一個對象，key 是要驗證的屬性名稱，value 是驗證規則

 

  optionalArray: PropTypes.array,

  optionalBool: PropTypes.bool,

  optionalFunc: PropTypes.func,

  optionalNumber: PropTypes.number,

  optionalObject: PropTypes.object,

  optionalString: PropTypes.string,

  optionalSymbol: PropTypes.symbol,