Javascript

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

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

https://img2.sycdn.imooc.com/631af03d0001e6a713110633.jpg

这篇关于【九月打卡】第4天-react16傻瓜教程的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!