结构树熟悉的话,理解JSX的子元素也是比较容易的
原生HTML的标签叫做节点,节点有节点属性,以及节点的内容
如果一个标签或者React组件没有内容,你是可以使用/>,单标签来闭合的,就像XML语法一样...user.avatarUrl} />
JSX标签里面能够包含很多个子元素
例如:如下所示
const element = (
我是子h1元素的节点内容
欢迎关注微信itclanCoder公众号
川川是全宇宙最帅的小伙子
...,MyComponent的子元素内容是itclanCoder,可以通过props.children来获取,它是一个没有转移的字符串itclanCoder
JSX会移除首尾行以及空行,与标签相邻的空行都会被删除...,JSX中的子元素可以是字符串,可以嵌套,以及js表达式,函数都可以作为子元素
并且在React中组件的定义以及调用处,组件名称首字母必须要大写,当导出多个React组件时,使用点语法来引用一个React