react中props的属性值类型的设置与默认值的设置

当父组件给子组件传值时通常以键值对的形式在引入子件的标签中为子组件传值,
而在子组件中使用该值时要使用this.props.xxx获取传来的值,但是有时父组件不传值的时候,我们还是希望会有一个默认值
于是就要在子组件的类中设置一个静态的属性,对象中为子组件设置默认值

static defaultProps={
	xxx:yyy
}

当子组件接收父组件传来的值时,想确保数据的类型时就要用到props的数据类型校验

首先要安装包

//这个包是刚从react包中分离出来的,v.15之前是不需要另外安装prop-types包的
cnpm i prop-types

导入包,包中提供数据类型

import ReactTypes from 'prop-types'

static propTypes={
	xxx:ReactTypes.number
}