prop-types 类型检测

1.npm i prop-types

2.import  PropTypes from "prop-types"

3.在类组件中一般使用静态方法 static 方法进行定义

       static  propTypes={

                属性：PropTypes.类型

        }

4.函数式组件中

        sonComponent  propTypes={

                属性：PropTypes.类型

        }

5.isRequired,       isRequired设置必传值

import React from 'react'
import PropTypes from 'prop-types'

export default class App3 extends React.Component {
  constructor(props) {
    super(props)
  }

  render() {
    return (
      <div>
        {this.props.name} + {this.props.age}
      </div >
    )
  }

  static propTypes = {
    name: PropTypes.string,    //注意和引入值一样，大小写区分
    age: PropTypes.number,
   // age: PropTypes.number.isRequired,       isRequired设置必传值
  }

  static defaultProps = {
    age: 30,
  }

}

字符串    PropTypes.string

数字       PropTypes.number

布尔       PropTypes.bool

对象       PropTypes.object

数组       PropTypes.array

函数       PropTypes.func