105.《React中prop-types数据校验》

数据校验

什么是prop-types？prop代表父组件传递过来的值，types代表类型。简单来说就是用来校验父组件传递过来值的类型

安装第三方依赖

cnpm i prop-types --save

index.js

import React from 'react';
import ReactDOM from 'react-dom';
// 导入校验包
import propTypes from "prop-types";
class Parent extends React.Component{
    render(){
		return (
			<div>{this.props.num}</div>
		)
    }
}
// 校验规则
Parent.propTypes = {
	num : propTypes.number
}

ReactDOM.render(<Parent num = {20}/>,document.getElementById("root"))