课程名称:基于实例的react 16 傻瓜教程
课程章节:JSX
课程讲师: 张轩
课程内容:
奇怪的HTML是什么
1、JavaScript的语法扩展
2、可以使用花括号{}内嵌任何JavaScript表达式
3、JSX属性
奇怪的html被编译成什么
1、它是一种语法糖---react.createElement()
2、reactElement对象
注:组件的命名要大写第一个字母,用来区分是不是组件
课程收获:
这节课主要学习jsx如何输出html 的内容,动态判断输出的内容。直接在js组件中render出来对应的html内容。使用{}可以实现动态展示内容,比如可以定义一个数组,map循环渲染出来。还可以定义一个判断值,进行三目运算,或者直接输出。被编译出来的就是一个createElement,reactElement可以无限嵌套。了解了语法和编译。