JSX的基础使用

1. JSX嵌入变量作为子元素的使用

  • ①当变量是Number、String、Array类型时,可以直接显示;
  • ②当变量是null、undefined、Boolean类型时,内容为空;
    • 若想要展示nul、undefined、Boolean类型,转字符串;
    • 转换方式多种,例如toString方法、空字符串拼接等;
  • Object对象类型不能作为子元素,会报错(not valid as a React child);

2. JSX嵌入表达式

  • 运算符表达式 √
  • 三元运算发 √
  • 执行函数 √

JSX的基础使用_第1张图片

 

3. JSX绑定属性

比如元素的title属性、img元素的src属性、a元素的href属性、元素绑定的class、内联样式的style

都通过如下方式绑定

JSX的基础使用_第2张图片

 

你可能感兴趣的:(React学习记录,前端,javascript,开发语言)