zoukankan      html  css  js  c++  java
  • React的this.props.children

    this.props用来获取组件从外部传入的属性,但是this.props.children比较特殊,它是由React给添加上的,表示组件的所有子节点。
    this.props.children可以用来读取子节点,或者渲染子节点。
    this.props.children所代表的子节点,不仅仅是指一个DOM节点,也包括子组件,它们是可以混合显示的,例如:

    <Grid>
      Here is a row:
      <Row />
      Here is another row:
      <Row />
    </Grid>

    1. this.props.children的值类型

    this.props.children的值有三种可能:

    1. 当前组件没有子节点,为 undefined
    2. 若只有一个子节点,类型为 Object
    3. 若有多个子节点,类型为 Array

    通常不直接处理this.props.children,而是用React.Children.map/forEach等API来操作,
    该API进行了类型处理,保证不会出错。

    React.children的详细用法,可以参考此处

  • 相关阅读:
    代理模式
    面向对象设计原则
    砝码破碎
    阿里EasyExcel使用
    IBM的OpenJ9
    java反射 (复习)
    DecimalFormat保留小数
    Object类
    SQLMAP用法
    SQL盲注之时间注入
  • 原文地址:https://www.cnblogs.com/mengff/p/9642637.html
Copyright © 2011-2022 走看看