2021-03-19

React学习笔记

PropTypes和DefaultProps应用

PropTypes是对外部传来的prop进行校验
例：

//import PropTypes from ‘prop-types’;
TodoItem.propTypes={
	test:PropTypes.string.isRequired,//父组件传递给子组件的test属性是必须的并且是string类型
	content:PropTypes.string,//传递类型是字符串
	deleteItem:PropTypes.func,//传递类型是函数
	index:PropTypes.number//传递类型是number
	}

//有时候父组件实在是无法传递test，即可给其定义一个默认值

TodoItem.defaultProps = {
	test:'hello world'
	}

补充：
PropTypes 的校验类型还可以是：
PropTypes.array
PropTypes.bool
PropTypes.object
PropTypes.symbol
PropTypes.node
PropTypes.element
…
//content属性可以是number也可以是string

content:PropTypes.oneOfType([PropTypes.number,PropTypes.string])，