关于react

1.快速搭建开发环境

关于react_第1张图片

2.react渲染流程

关于react_第2张图片

关于react_第3张图片

3.1 jsx基础 概念

关于react_第4张图片

3.2 jsx基础 本质

关于react_第5张图片

3.3 jsx基础 jsx表达式

关于react_第6张图片
关于react_第7张图片

3.4 jsx基础 实现列表渲染

关于react_第8张图片
关于react_第9张图片

3.5 jsx基础 实现条件渲染

关于react_第10张图片

3.5 jsx基础 实现复杂的条件渲染

关于react_第11张图片

4. react中事件绑定

关于react_第12张图片
关于react_第13张图片

5.react组建基础使用

关于react_第14张图片

6.1 useState

关于react_第15张图片
关于react_第16张图片

6.2 useState修改状态的规则

关于react_第17张图片
关于react_第18张图片

7.基础样式控制

关于react_第19张图片

8.1评论案例–删除列表

关于react_第20张图片
关于react_第21张图片

8.2评论案例–tab切换

关于react_第22张图片
关于react_第23张图片

8.2评论案例–排序

$ npm i --save lodash //安装lodash
import _ from 'loadsh';//引入loadsh

关于react_第24张图片

9.classnames优化类名控制

npm install classnames //安装classnames
import classNames from 'classnames';//引入classnames

关于react_第25张图片

10.受控表单绑定

关于react_第26张图片

11.react中获取DOM

关于react_第27张图片
关于react_第28张图片

你可能感兴趣的:(React,react.js,javascript,前端)