手记

【九月打卡】第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可以无限嵌套。了解了语法和编译。

0人推荐
随时随地看视频
慕课网APP