1.使用propTypes校验父组件传过来的值的类型是否正确
import PropTypes from 'prop-types';
// 注意外层的这个propTypes首字母要小写
TodoItem.propTypes = {
content: PropTypes.string,
deleteItem: PropTypes.func,
index: PropTypes.number
}
完整代码图
如果要求父组件必须传递,可用isRequired
content: PropTypes.string.isRequired
2.设置默认值
TodoItem.defaultProps = {
test: 'hello world'
}
还可以限定多种类型,值的范围,详情见官网APITypechecking With PropTypes