首页 > 其他分享 >JSX 子元素类型

JSX 子元素类型

时间:2024-03-31 17:14:33浏览次数:22  
标签:渲染 元素 组件 类型 JSX 是子

JSX 子元素类型

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

子元素的类型包括:

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

例如:

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

都会被渲染

标签:渲染,元素,组件,类型,JSX,是子
From: https://www.cnblogs.com/zhumenglong/p/18106933

相关文章

  • PTA (指针和数组 )R7-2 在数组中查找指定元素
    R7-2在数组中查找指定元素分数10入门全屏浏览切换布局作者 王秀单位 福州大学输入一个正整数repeat(0<repeat<10),做repeat次下列运算:输入一个正整数n(1<n<=10),然后输入n个整数存入数组a中,再输入一个整数x,在数组a中查找x,如果找到则输出相应元素的最小下标,否则......
  • web前端之页面逐渐呈现代码功能、对象数据如何获取下一个值、创建元素并添加id与类名
    MENU前言style(全部代码)JavaScript(核心代码)html(基本代码)前言1、效果演示以视频为准,暂未录视频(敬请期待);2、私信或微信可获取完整代码(WX:MJ682517)style(全部代码)*{margin:0;padding:0;box-sizing:border-box;}::-webkit-scrol......
  • C语言02-常量、二进制、数据类型
    第4章常量1.常量特点程序运行时,其值不能改变的量,即为常量。2.常量分类字面量常量标识符常量3.常量定义方式(标识符常量)①#define宏定义②const关键字(C99标准增加)4.两种定义方式区别类型检查:const编译阶段会进行类型检查,#define方式不......
  • 02-常量、二进制、数据类型
    第4章常量1.常量特点程序运行时,其值不能改变的量,即为常量。2.常量分类字面量常量标识符常量3.常量定义方式(标识符常量)①#define宏定义②const关键字(C99标准增加)4.两种定义方式区别类型检查:const编译阶段会进行类型检查,#define方式不......
  • 「PHP系列」PHP 常量/字符串、类型比较
    文章目录一、PHP常量1.定义常量使用`define()`函数使用`const`关键字(在类内部)2.访问常量3.常量的特点4.注意事项5.示例二、PHP字符串1.定义字符串使用单引号使用双引号使用heredoc和nowdoc2.字符串操作字符串连接字符串长度字符串替换字符串查找字符串......
  • 【Java编程】【算法面试题】【数组轮转】给定一个整数数组 nums,将数组中的元素向右轮
    原题:给定一个整数数组nums,将数组中的元素向右轮转k个位置,其中k是非负数。例如:nums=[1,0,-1,2,3]k=1预期结果:nums=[3,1,0,-1,2]k=2预期结果:nums=[2,3,1,0,-1]以此类推。。。【本文思路解析】:1.不实用额外的数组,会多一部分开销;2.每次轮转,位置移动1位,共计移......
  • 【c++】类和对象(六)深入了解隐式类型转换
    ......
  • lc3041 修改数组后最大化数组中的连续元素数目
    给定一个下标从0开始的只包含正整数的数组nums,你可以将数组中任意元素的值增加至多1,修改后,从数组中选择一个或多个元素,并确保这些元素升序排列后是连续的,求它的最大长度。将数组排序,然后从大到小处理,每个元素分别计算以它开始能得到的长度,包含它本身和加1后两种情况,递推即可。cl......
  • 函数模板类型推断
    先看一段代码:template<typenameT>voidmyfunc(T&tmprv){cout<<"--------------------begin--------------------"<<endl;usingboost::typeindex::type_id_with_cvr;cout<<"T="type_id_with_cvr<T&......
  • 【测试开发学习历程】Python数据类型:字符串-str(下)
    目录5.5format()方法5.6count()方法5.7join()方法5.8replace()方法5.9split()方法5.10rstrip()/lstrip()/strip()方法5.11capitalize()方法5.12upper()5.13lower()5.14title()5.15endswith()方法5.16startswith()方法5.17以is开头的方法5转义字符......