JSX 是个啥玩意

JSX 实际上是一个 Object 对象,该对象有四个主要属性:type, key, ref, props

其中 type 有两种类型,一种就是 html 的标签名,另外一种就是函数的引用(函数名),所以我们可以根据 type 直接当 HTML 标签使用!!!

props 就是传给组件的所有属性及值,key用于数组遍历时传递的标识,ref是引用的值(说白了就是用一个变量代表这个组件的dom对象)

谭总

动态创建 JSX,动态篡改,为所欲为

例子1


例子2:直接把别人传递进来的内容进行包装,比如添加背景色,但是保留原有的属性

我是div的标题
等下我会增加蓝色背景

一个很经典的例子,让标签内容自动添加 margin:10

3我是文字我是谁

吃透上面例子后,就可以为所欲为了!!!