那么读完本文,就豁然开朗了
如果你想阅读体验更好,可戳链接,不可不知的JSX,内有视频
JSX添加特定属性
自定义标签拓展了原生HTML标签不具备的能力,最大的一个用处就是属性传值,标签的属性值,可以是字符串...JSX 表达式内容将会被作为特定属性 props.children传递给外层组件
其中,有下面几种不同的方法来传递子元素
**字符串字面量**
你可以将字符串放在开始和结束标签之间,此时props.children....png
上面使用的是两个函数组件,组件里面是可以嵌套另一组件的,并且属性值可以通过props拿到
也说明了,你是可以将任何东西作为子元素传递给自定义的组件的,
只要该组件渲染之前能够被转换成React...```会被React转化生成相应的字符串'div','span'传递给React.createElement作为参数
大写字母开头的元素,我们将它视为自定义的组件,例如,其实它最终也会被React.createElement函数作为转化
使用大写字母开头命名自定义组件,这是一种约定俗成的规定,本质上它就是一构造函数,是为了区别普通函数的
JSX标签的第一部分指定了