react学习

1.react安装

react学习_第1张图片

2.react的使用

react学习_第2张图片

 

3.方法说明

react学习_第3张图片

react学习_第4张图片

4.初始化react脚手架

5.在脚手架中使用react

react学习_第5张图片

6.JSX

react学习_第6张图片

7.JSX需要注意的点

react学习_第7张图片

8.在JSX中使用JS

react学习_第8张图片

 需要注意的点

react学习_第9张图片

9.条件渲染

react学习_第10张图片

10.列表渲染

react学习_第11张图片

 

11.样式处理

react学习_第12张图片

12.react组件

两种创建方式:

函数创建:

react学习_第13张图片

类组件:

react学习_第14张图片

react学习_第15张图片

 

13.事件

事件绑定

react学习_第16张图片

 

事件对象

react学习_第17张图片

14.有状态组件和无状态组件

react学习_第18张图片 

15.state

react学习_第19张图片 

16.this

react学习_第20张图片

react学习_第21张图片 

react学习_第22张图片 

17.表单处理

受控组件:

 

react学习_第23张图片 

非受控组件:

react学习_第24张图片

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