|
|
' |' ]5 `5 F { d9 o# E3 m2 x4 P& |% i3 X! F
课程目录
( ^8 a1 y/ D) W% i" A5 h: h介绍与准备
4 c2 {3 i7 C6 P( Y* LReact 课程介绍8 W/ D9 ]; X9 K
1:01
$ m- m# s0 w7 k9 U创建 React 项目（2017）
( b o3 Y1 c: M1:23
1 H, A' i3 G# ^4 G& S* L+ GReact 应用的结构# _7 e; @( t0 }# x
3:05
# z$ z( K9 ?" ]" y4 z编译生产环境的 React 应用' g* C0 ~& o+ p3 a6 ^# \
1:28
8 v. q/ D) Y. |安装 React（2015）
3 }: y% H g" |+ l3:26
7 s. w8 P) Z: t/ A* x! B" Z
3 c1 Z- c# E& Q: a" |/ c组件
2 c# c2 ^4 Y2 B3 N, n0 c定义组件 - Component
' W9 L% w& w8 W3:06
4 r# I* E! H% ^4 N" }+ D W) r显示 - ReactDOM.render
" J$ g w: {4 x8 J' o2:40
# T8 I% }4 v, C' x* V组合组件
; w7 m+ ]1 Y: _7 X$ ?1 r2:43
: p2 {7 M9 u- o
8 c' D7 k' H' e+ z ]属性
- ]( F4 G- |5 i o1 c属性 - props3 h+ j; f, O& Y- X
4:06) Y2 n' k c: |1 T: e* q
从爸爸那里得到数据
5 G7 w& ~9 S. z0 a3:16$ u b7 E8 m5 P! F U! _
从服务端得到数据
; |/ c3 s; ]8 z" z, R: ^1:12
3 z' N z, O% G" A
, S( X/ u7 d0 @9 d状态1 \3 g) K& X1 F
状态 - state: K& v* |4 v! P: W: A
3:50 P' E" u) D6 ?, C+ V2 c' D
更新组件的状态
- B, F% k8 r0 |5 C5 b. @ G' B2:16
% n9 F$ S9 d9 Z$ L! `
- t8 N3 h0 W, |' _% f6 ^" v: j事件
# y s# x1 h7 d7 W9 T事件 - 使用发生在组件上的事件
9 f0 f4 y# D+ g1 \% k6 }" _1:401 p B3 z0 P# {, F' f# u
得到在浏览器上显示的元素 - refs/ W5 [. N3 \, M
2:10
9 K* L% X7 o+ \" h- `4 S; E9 u儿子把数据交给爸爸
t1 J1 @1 _6 G) p# d5 C2:18
8 `' H2 p: M+ y' Q1 d' O更新状态重新显示组件8 J# g1 Q7 k5 e7 o
2:33
+ E ]3 F0 P$ B% B0 j( E: o2 Y& q2 J0 H0 t$ G. P1 Y
/ h+ h# ~1 i' a7 h8 n2 B& n
9 H2 |$ j( u: a: O& z- D2 {
9 ?+ S. v2 c7 c$ |3 ~5 l% X3 { |
|
[复制链接]
发表于 2017-10-16 05:49:19
发表于 2017-10-16 07:10:35
