PropTypes 是React内置类型检查功能,可以检查组件的属性等。
PropTypes包含了一套验证器,以确保接收的数据是正确的有效的。
若接收的值是无效的就会在控制台打印出警告(只在开发模式下进行检查)。
温馨提示:v15.5+用prop-types代替了PropTypes。
import React,{Component} from 'react';
import PropTypes from 'prop-types';
class EgComponent extends Component {
render () {
return (
<div></div>
)
}
}
export default EgComponent;
// 可以将其理解为:组件EgComponent添加属性的过程。
EgComponent.propTypes = {
userId: PropTypes.number
// userId: PropTypes.number.isRequired // 该属性是必要的
}
2、添加默认props
const defaultProps = {
userId: 123456
}
EgComponent.defaultProps = defaultProps;
参考文档:https://react.docschina.org/docs/typechecking-with-proptypes.html#proptypes