1. 关于chidren

目标任务:  掌握props中children属性的用法

children属性是什么

表示该组件的子节点，只要组件内部有子节点，props中就有该属性

children可以 传递的东西

1. 普通文本
2. 普通标签元素
3. 函数 / 对象
4. JSX

props校验-场景和使用

实现步骤

1. 安装属性校验包：yarn add prop-types
2. 导入prop-types 包 import PropTypes from 'prop-types'
3. 使用 组件名.propTypes = {} 给组件添加校验规则

四种常见结构

1. 常见类型：array、bool、func、number、object、string

2. React元素类型：element

3. 必填项：isRequired

4. 特定的结构对象：shape({})

核心代码

// 常见类型
optionalFunc: PropTypes.func,
// 必填 只需要在类型后面串联一个isRequired
requiredFunc: PropTypes.func.isRequired,
// 特定结构的对象
optionalObjectWithShape: PropTypes.shape({
	color: PropTypes.string,
	fontSize: PropTypes.number
})