childer 属性

props.childer 得到组件标签的子节点
在组件标签中添加任何子节点props都会自动生成一个childre 属性
子节点，可以是文本，html标签，或react组件 函数也可以作为子节，直接调用childre() 就可以运行

  1. function Login(props){
  2.   console.log(props.childer)  // 输出'子节点'
  3.      return (
  4.      <div>
  5.        {props.childer}   // 页面上显示子节点
  6.      </div>
  7.       )
  8. }
  10. // 渲染时
  11. <Login>子节点</Login>

props的校验

对组件插入的数据进行校验 对类型和格式进行校验

1：安装 prop-types 包 npm i prop-types
2：导入包

  1. import propTypes from 'prop-types'
  1. 3:使用
  1. // 组件的校验规则
  2. 组件名.propTypes={
  3.     // 校验规则
  4.   传入数据名.propTypes.类型
  5. }

约束规则：array bool func number object string element（react元素）
必填项： 在类型后添加 .isRequired
特顶结构的对象：shape

  1. 对象名：propTypes. shape({
  2.      对象键：propTypes.类型
  3. })

props的默认值

  1. 组件名.defaultProps = {
  2.     // 设置默认值
  3. }