一.基础
1.安装react npx create-react-app react-basic
说明：
-
- npx create-react-app 是固定命令，
create-react-app是React脚手架的名称 - react-basic表示项目名称，可以自定义，保持语义化
- npx 命令会帮助我们临时安装create-react-app包，然后初始化项目完成之后会自自动删掉，所以不需要全局安装create-react-app
- npm start 启动
- npx create-react-app 是固定命令，
2.目录说明
3.JSX 的了解
概念：JSX是 JavaScript XML（HTML）的缩写，表示在 JS 代码中书写 HTML 结构
作用：在React中创建HTML结构（页面UI结构）
优势：
- 采用类似于HTML的语法，降低学习成本，会HTML就会JSX
- 充分利用JS自身的可编程能力创建HTML结构
4.JSX的表达式
语法
{ JS 表达式 } 其实跟vue差不多，只不过vue是 使用两个花括号弄得
可以使用的表达式
- 字符串、数值、布尔值、null、undefined、object（ [] / {} ）
- 1 + 2、'abc'.split('')、['a', 'b'].join('-')
- fn()
5. react 如何实现列表渲染？
1.用 map 2. 要重复渲染谁，就 return谁，而且还可以加 key ，和vue的 v-for类似
5.vue中的条件渲染是 v-is v-show，那么react中该怎么做呢？
如果模板简单的话，直接写
复杂的话，就用小括号包住
二 .模板精简原则
原则：模板中的逻辑要尽量保持精简 如果由负责的分支逻辑，应该把它抽成一个函数，模板中调用函数
三,样式的控制 （ 内联，行内 ）
1.行内样式控制 -- 在元素身上绑定一个style属性即可,样式要用引号包上
不过，如果样式多的话，就用这种方式写，弄成一个变量，把样式写进去
2.内联样式 在元素身上绑定一个className即可,
- 如何动态的去渲染呢？ 其实用三元可以做到
四， 注意注意注意！！！！
- JSX必须有一个根节点，如果没有根节点，可以使用
<></>（幽灵节点）替代 - 所有标签必须形成闭合，成对闭合或者自闭合都可以
- JSX中的语法更加贴近JS语法，属性名采用驼峰命名法
class -> classNamefor -> htmlFor - JSX支持多行（换行），如果需要换行，需使用
()包裹，防止bug出现
