PS：由于工作的原因，基本使用的是vue，想要自学react，就萌生了边学边做笔记的的想法，这样也算督促自己，也方便随时查看，想用的时候就直接能上手了。
JSX
一、知道什么是JSX二、能够使用JSX创建react元素
三、能够在JSX中使用JavaScript表达式
四、能够使用JSX的条件渲染和列表渲染
五、能够给JSX添加样式
JSX就是推荐使用创建react的元素的方法，要重点掌握。
JSX的基本使用
JSX就是 JavaScript XML的简写，表示再JavaScript代码中写 HTML结构 的代码
对比两种创建react元素的方式：
对比之下会发现 JSX 的语法几乎与html语法一模一样，
所以JSX才是react的核心内容
使用步骤：
- 先创建 react元素
- 再渲染 react元素
JSX不是标准的 ECMAScript, 是它的语法扩展，所以需要使用babel编译处理后，才能在浏览器环境中使用；而create-react-app脚手架中已经默认有改配置了，所以我们无需手动配置。
编译的包名：@babel/preset-react
JSX语法使用注意点
react元素的属性名使用驼峰命名法（特殊属性名有单独的写法，例：class → className，否则会报错）
修改过来以后，正确的写法，就不会报错了
没有子节点的react元素可以用 /> 结束
为了方便结构更清晰，按照我们最熟悉的写法结构，可以使用小括号包裹，例：
