react中的props校验

/* props约束规则 */
import PropTypes from 'prop-types'
const App=props=>{
  return(
    <div>
      <h1>prop校验：</h1>
    </div>
  )
}
/* 
    属性a的类型    数值（number）
    属性fn的类型   函数（func并且为必填项
    属性tag的实现   React元素（element）
    属性filter的类型   对象({area:'上海'，price:1999})
*/
App.propTypes={
  a:PropTypes.number,
  fn:PropTypes.func.isRequired,
  tag:PropTypes.element,
  filter:PropTypes.shape({
    area:PropTypes.string,
    price:PropTypes.number
  })
}
ReactDOM.render(<App fn={()=>{}}></App>,document.getElementById("root"))