如果一个标签或者React组件没有内容,你是可以使用/>,单标签来闭合的,就像XML语法一样,例如如下所示
const element = ...函数作为转化
使用大写字母开头命名自定义组件,这是一种约定俗成的规定,本质上它就是一构造函数,是为了区别普通函数的
JSX标签的第一部分指定了React元素的类型
凡是大写字母开头的JSX标签元素,就意味着它们是...React组件
如果你定义的一个组件首字母是小写,react就会当做一个普通元素来处理,而原生HTML标签并没有把你自定义的元素归纳进去,它是会报错的
例如:如下所示
import React from...代码作用域内
引入React库一部分目的就是为了识别JSX语法的,这也是为什么只要你定义一个React组件时,要引入React库的原因
使用点(.)语法
有时候,在一个模块中需要导出多个React组件时...,当导出多个React组件时,使用点语法来引用一个React组件
使用展开运算符 ...在JSX中传递整个props对象
某些时候,是一个非常有用的语法,另外,当遍历要渲染的是一对象时,对象并没有数组的一些方法