nächsten Abschnitt: 编程式路由导航976 spielt ab

5 秒后自动播放下一节
  Nochmal ansehen

快速上手React基础

Einführung >
KapitelKursunterlagen
Kapitel1Virtuelles DOM und JSX

React 简介

13 Minuten26 Sekunden

React小案例

17 Minuten30 Sekunden

两种创建虚拟Dom的方式

08 Minuten40 Sekunden

虚拟DOM与真实DOM

07 Minuten38 Sekunden

jsx语法规则

22 Minuten56 Sekunden

jsx小练习

16 Minuten55 Sekunden
Kapitel2Komponentenorientierte Programmierung

开发者工具安装

06 Minuten33 Sekunden

组件与模块

05 Minuten30 Sekunden

函数式组件

14 Minuten15 Sekunden

复习类相关知识

20 Minuten27 Sekunden

类式组件

12 Minuten09 Sekunden
Kapitel3Status des Komponentenkernattributs

对state的理解

06 Minuten09 Sekunden

初始化state

10 Minuten54 Sekunden

react中的事件绑定

11 Minuten47 Sekunden

类中方法中的this

18 Minuten59 Sekunden

解决类中this指向问题

07 Minuten18 Sekunden

setState的使用

14 Minuten17 Sekunden

state的简写方式

15 Minuten26 Sekunden

总结state

03 Minuten04 Sekunden
Kapitel4Requisiten für Komponentenkernattribute

props的基本使用

08 Minuten43 Sekunden

批量传递props

20 Minuten20 Sekunden

对props进行限制

18 Minuten06 Sekunden

props的简写方式

07 Minuten52 Sekunden

类式组件中的构造器与props

07 Minuten32 Sekunden

函数式组件使用props

06 Minuten45 Sekunden

总结props

05 Minuten36 Sekunden
Kapitel5refs, das Kernattribut der Komponente

字符串形式的ref

13 Minuten01 Sekunden

回调形式的ref

11 Minuten14 Sekunden

回调ref中调用次数的问题

13 Minuten33 Sekunden

createRef的使用

07 Minuten58 Sekunden

总结ref

03 Minuten39 Sekunden
Kapitel6Ereignisse und Formulardaten

事件处理

09 Minuten14 Sekunden

非受控组件

13 Minuten35 Sekunden

受控组件

10 Minuten30 Sekunden

高阶函数和函数柯里化

23 Minuten54 Sekunden

不用柯里化的写法

07 Minuten06 Sekunden
Kapitel7Komponentenlebenszyklus (1)

引出生命周期

27 Minuten28 Sekunden

生命周期(旧)_组件挂载流程

11 Minuten54 Sekunden

生命周期(旧)_setState流程

11 Minuten49 Sekunden

生命周期(旧)_forceUpdate流程

03 Minuten57 Sekunden

父组件render流程

14 Minuten21 Sekunden

总结生命周期(旧)

08 Minuten57 Sekunden
Kapitel8Komponentenlebenszyklus (2)

对比新旧生命周期

20 Minuten32 Sekunden

getDerivedStateFromProps

11 Minuten01 Sekunden

getSnapshotBeforeUpdate

11 Minuten15 Sekunden

10 getSnapshotBeforeUpdate案例

22 Minuten28 Sekunden

总结生命周期(新)

04 Minuten20 Sekunden

DOM的diffing算法

34 Minuten56 Sekunden
Kapitel9Gerüst

初始化react脚手架

35 Minuten55 Sekunden

脚手架文件介绍_public

20 Minuten33 Sekunden

脚手架文件介绍_src

17 Minuten37 Sekunden

一个简单Hello组件

37 Minuten43 Sekunden

样式的模块化

05 Minuten08 Sekunden

WebStorm中的快捷键

10 Minuten02 Sekunden

组件化编码流程

08 Minuten50 Sekunden
Kapitel10TodoList-Fall

TodoList案例_静态组件

30 Minuten56 Sekunden

动态初始化列表

16 Minuten36 Sekunden

添加todo

28 Minuten09 Sekunden

鼠标移入效果

09 Minuten11 Sekunden

勾选和取消勾选

18 Minuten13 Sekunden

对props进行限制

06 Minuten11 Sekunden

删除一个todo

13 Minuten11 Sekunden

实现底部功能

21 Minuten29 Sekunden

总结TodoList案例

04 Minuten41 Sekunden
Kapitel11Douban-Filmsuchfall

脚手架配置代理1

31 Minuten43 Sekunden

脚手架配置代理2

26 Minuten32 Sekunden

豆瓣电影搜索案例_静态组件

16 Minuten41 Sekunden

豆瓣电影搜索案例_axios发送请求

30 Minuten10 Sekunden

豆瓣电影搜索案例_展示数据

14 Minuten05 Sekunden

豆瓣电影搜索案例_完成案例

23 Minuten05 Sekunden

豆瓣电影搜索案例_消息订阅与发布_pubsub

24 Minuten28 Sekunden

豆瓣电影搜索案例_fetch发送请求

36 Minuten04 Sekunden

豆瓣电影搜索案例_总结

Kapitel12Reagieren Sie auf den Router

对SPA应用的理解

07 Minuten46 Sekunden

对路由的理解

07 Minuten32 Sekunden

前端路由原理

24 Minuten27 Sekunden

路由的基本使用

38 Minuten02 Sekunden

路由组件与一般组件

24 Minuten01 Sekunden

NavLink的使用

04 Minuten59 Sekunden

封装NavLink组件

20 Minuten44 Sekunden

Switch的使用

06 Minuten33 Sekunden

解决样式丢失问题

19 Minuten03 Sekunden

路由的模糊匹配与严格匹配

11 Minuten37 Sekunden

Redirect的使用

09 Minuten41 Sekunden

嵌套路由

33 Minuten51 Sekunden

向路由组件传递params参数

28 Minuten23 Sekunden

向路由组件传递search参数

15 Minuten29 Sekunden

向路由组件传递state参数

14 Minuten19 Sekunden

总结路由参数

04 Minuten02 Sekunden

push与repalce

09 Minuten53 Sekunden

编程式路由导航

25 Minuten01 Sekunden

withRouter的使用

13 Minuten40 Sekunden

BrowserRouter与HashRouter

08 Minuten40 Sekunden
Kapitel13UI-Komponentenbibliothek und andere

antd的基本使用

25 Minuten53 Sekunden

antd样式的按需引入

09 Minuten44 Sekunden

antd自定义主题

12 Minuten03 Sekunden
Kapitel14Zustandsmanagement-Redux

redux简介

08 Minuten13 Sekunden

redux工作流程

19 Minuten29 Sekunden

求和案例_纯react版

求和案例_redux精简版

44 Minuten17 Sekunden

求和案例_redux完整版

20 Minuten04 Sekunden

求和案例_异步action版

21 Minuten12 Sekunden

对react-redux的理解

07 Minuten36 Sekunden

连接容器组件与UI组件

16 Minuten07 Sekunden

react-redux基本使用

34 Minuten34 Sekunden

优化1_简写mapDispatch

13 Minuten11 Sekunden

优化2_Provider组件的使用

07 Minuten50 Sekunden

优化3_整合UI组件与容器组件

06 Minuten01 Sekunden

数据共享_编写Person组件

17 Minuten06 Sekunden

数据共享_编写Person组件的reducer

数据共享_完成数据共享

纯函数

redux开发者工具

17 Minuten18 Sekunden

最终版

18 Minuten21 Sekunden

项目打包运行

12 Minuten42 Sekunden
Kapitel15Expandieren

扩展1_setState

扩展2_lazyLoad

扩展3_stateHook

扩展4_EffectHook

扩展5_RefHook

扩展6_Fragment

扩展7_Context

扩展8_PureComponent

扩展9_renderProps

扩展10_ErrorBoundary

组件间通信方式总结

  • StornierenAntwortSenden
  • Storniereneine Notiz postenSenden