react中的props属性传值的验证，校验

1.安装 prop-types 校验包
yarn add prop-types

2.在需要的校验的地方导入包

		// 导入校验包 
	
		import PropTypes from 'prop-types'

3 校验

		  // 校验 
	
		  NavHeader.PropTypes = {
	
		    children: PropTypes.string.isRequired // 必须是字符串 ，必须传的一项
	
		  }

4实例

		import React from 'react'
	
		import { NavBar, Icon } from 'antd-mobile' // 引入组件
	
		// 获取不到 props 信息  只能通过 路由的 高阶组件withrouter 包裹一下
	
		import { withRouter } from 'react-router-dom'
	
		// 导入校验包
	
		import PropTypes from 'prop-types'
	
		function NavHeader({ children, history }) {
	
		  // 校验 
	
		  NavHeader.PropTypes = {
	
		    children: PropTypes.string.isRequired // 必须是字符串 ，必须传的一项
	
		  }
	
		  return (
	
		    <NavBar
	
		      mode="light"
	
		      icon={<Icon type="left" />}
	
		      onLeftClick={() => history.go(-1)}
	
		      rightContent={[<Icon key="0" type="ellipsis" />]}
	
		    >
	
		      {children}
	
		    </NavBar>
	
		  )
	
		}
	
		export default withRouter(NavHeader)