react学习(3)-不可不知的JSX.png
前言
本篇内容,对上一节的补充
JSX中添加属性有什么要注意的?以及JSX中的子元素是怎么操作的?...那么读完本文,就豁然开朗了
如果你想阅读体验更好,可戳链接,不可不知的JSX,内有视频
JSX添加特定属性
自定义标签拓展了原生HTML标签不具备的能力,最大的一个用处就是属性传值,标签的属性值,可以是字符串...JSX 表达式内容将会被作为特定属性 props.children传递给外层组件
其中,有下面几种不同的方法来传递子元素
**字符串字面量**
你可以将字符串放在开始和结束标签之间,此时props.children...(搜索),把与之相关的组件集中放在一个对象下管理,当然在实际开发中,因人而异了,要是看到别人这么写,也不要觉得怪怪的....**
对于数组对象,可以通过map方法进行输出,然而假如是对象的话,却是没有这个方法的
具体使用的是Object.keys(对象)这个方法,它会返回一个数组,并且将对象的属性名保存在一个数组中,如果是要获取对象的属性值