JSX 子元素类型

JSX 子元素类型

JSX 元素可以指定子元素。在之后的课程里你会看到很多子组件的概念,这里先留一个印象:子元素不一定是子组件,子组件一定是子元素

子元素的类型包括:

  1. 字符串,最终会被渲染成 HTML 标签里的字符串;
  2. 另一段 JSX,会嵌套渲染;
  3. JS 表达式,会在渲染过程中执行,并让返回值参与到渲染过程中;
  4. 布尔值、null 值、undefined 值,不会被渲染出来;
  5. 以上各种类型组成的数组。

例如:

<div>
    { ['asd', (<div>hello</div>), test()] }
</div>

都会被渲染

posted @ 2024-03-31 17:01  朱在春  阅读(1)  评论(0编辑  收藏  举报