那么读完本文,就豁然开朗了
如果你想阅读体验更好,可戳链接,不可不知的JSX,内有视频
JSX添加特定属性
自定义标签拓展了原生HTML标签不具备的能力,最大的一个用处就是属性传值,标签的属性值,可以是字符串...作为表达式.png
**函数作为子元素**
{}插值表达式内可以可以变量,字符串,普通HTML元素,甚至可以是组件,还可以是函数
import React from 'react'; // 引入react.js...const container = document.getElementById('root');
ReactDOM.render(, container);
**小tips:如何将一对象进行输出...**
对于数组对象,可以通过map方法进行输出,然而假如是对象的话,却是没有这个方法的
具体使用的是Object.keys(对象)这个方法,它会返回一个数组,并且将对象的属性名保存在一个数组中,如果是要获取对象的属性值...组件时,使用点语法来引用一个React组件
使用展开运算符 ...在JSX中传递整个props对象
某些时候,是一个非常有用的语法,另外,当遍历要渲染的是一对象时,对象并没有数组的一些方法,通过Object.keys