1. 程式人生 > >React元件屬性部類(propTypes)校驗

React元件屬性部類(propTypes)校驗

PropTypes提供了多種驗證器

1、JavaScript基礎資料型別,包括陣列、布林、函式、數字、物件、字串

  • optionalArray: React.PropTypes.array,
  • optionalBool: React.PropTypes.bool,
  • optionalFunc: React.PropTypes.func,
  • optionalNumber: React.PropTypes.number,
  • optionalObject: React.PropTypes.object,
  • optionalString: React.PropTypes.string,

2.如果不能為空isRequired

  • React.PropTypes.array.isRequired
  • …別的跟上面一樣的使用

3.指定資料型別成陣列

  • React.PropTypes.arrayOf(React.PropTypes.number)

4.指定資料型別到物件

  • React.PropTypes.objectOf(React.PropTypes.number)

使用方式:
元件名稱.propTypes = {
key1:驗證器,
}