RrRRr

环境搭建

• 打开终端执行命令

npx create-react-app react-basic

说明：

1. npx create-react-app是固定命令，create-react-app 是react手脚架的名称
2. react-basic 是项目名称，可以自定义
3. npx 命令会帮助我们临时安装 create-react-app 包，然后在项目初始化之后会自动删除

---

JSX语法

概念：JSX是 JavaScript XML 的缩写，表示在js代码中书写HTML的结构。 但JSX并不是标准的js语法，而是js的语法扩展。浏览器是不识别的，需要脚手架内置的@bable/plugin-transform-react-jsx包来解析该语法。

注意：

1. JSX必须有一个根节点，如果没有根节点，可以使用 <></> (幽灵节点)代替
2. JSX语法更贴近js，属性名采用驼峰命名法class -> className 和 for -> htmlFor
3. JSX支持多行，如需换行使用()包裹，例如 return ()

JSX表达式使用

列表渲染

条件渲染

模板精简

JSX样式控制

组件

组件分为函数组件 和 类组件

函数创建与渲染

类组件创建与渲染

使用es6的class创建的组件，叫做类（class）组件

18-28

组件通信

37-45

组件进阶

生命周期

todoMcv练习

hook

60-75

router

76-84

Mobx

状态管理

85-99