【九月打卡】第4天-react16傻瓜教程

课程名称：基于实例的react 16 傻瓜教程

课程章节：JSX

课程讲师： 张轩

课程内容：

奇怪的HTML是什么

1、JavaScript的语法扩展

2、可以使用花括号{}内嵌任何JavaScript表达式

3、JSX属性

奇怪的html被编译成什么

1、它是一种语法糖---react.createElement()

2、reactElement对象

注：组件的命名要大写第一个字母，用来区分是不是组件

课程收获：

这节课主要学习jsx如何输出html 的内容，动态判断输出的内容。直接在js组件中render出来对应的html内容。使用{}可以实现动态展示内容，比如可以定义一个数组，map循环渲染出来。还可以定义一个判断值，进行三目运算，或者直接输出。被编译出来的就是一个createElement,reactElement可以无限嵌套。了解了语法和编译。