|
|
0 h1 G8 N1 E5 N
! P0 { A. ^, a7 `4 w# X课程目录' k; f: |/ f# X* v' `. y, r
介绍与准备, H8 S: G! D1 E
React 课程介绍
$ }2 Z" u2 d q: ?* ?+ H4 Z- Z1:01
- O8 o3 F& K" A1 Z8 V创建 React 项目（2017）/ v( O2 ^5 ?. X; w8 X/ f# S' @7 H
1:23 s: O0 h5 G8 ?9 X! Q" f: @$ C
React 应用的结构
3 A- J' F8 b7 [/ ]$ \' J4 t3:05; q+ {9 |; ^4 t# a5 T4 k$ |9 C% q
编译生产环境的 React 应用) D9 O+ u' |5 g$ l
1:28
7 X% r, |0 h8 Y+ ]: Q安装 React（2015）
& V; n5 [' r% J6 k: b( F+ T. }- B9 i# ?3:26: b7 \: Z7 q, V: `. e. r
; r/ m8 _+ C# Y# A* s1 i+ a
组件
& [. s! @9 s* k" _7 k0 M+ P- ?定义组件 - Component* l7 w5 ^6 `* H2 A/ G+ R/ \
3:06
! N/ b- J, j1 p! g# O显示 - ReactDOM.render; l0 h* i7 H, V* \* t
2:40% \8 T( C/ z- c8 y! C
组合组件
8 i) Z9 n4 ~0 V- u" B% ^! `4 E2:43
/ W1 y- T# h6 t; z2 A. e* X9 ]) q: K4 w+ I! h1 v
属性
% p. Z- V1 N6 b7 ?8 `属性 - props
0 w- ^1 N& t( a. l6 S( @$ y4:06- ]) x0 w, _6 z% P% Q! X/ r
从爸爸那里得到数据" u0 G. r4 P0 a
3:168 w. b9 M, d6 `
从服务端得到数据6 w. Z/ t1 J: `! Q
1:12
e9 N: f/ w! W; @5 ^; d6 ~4 x5 [) D% s9 ]
状态
. A( ~3 s- b2 E状态 - state
* X1 w5 g _6 \3:50
3 Y( R8 q4 S7 a更新组件的状态8 ^% [* Q; n5 g0 v& q% x
2:16
" K1 {# ]& v M; q8 r4 {1 H* t/ M! {7 h% w5 d
事件8 V ^( [. P5 s8 n
事件 - 使用发生在组件上的事件
1 B6 M0 M1 k7 y+ z1:40
; y9 R0 n6 S1 o4 ^' s- g5 F2 i得到在浏览器上显示的元素 - refs
1 v$ [* j1 W7 t2:10$ `, D% y; \: r8 o6 k
儿子把数据交给爸爸
" m. d" e2 v& j: X- I" S2:18
. ?4 t' n) d" D+ e+ T更新状态重新显示组件- s* U* k' y3 V
2:33
$ n+ P% t9 G9 d6 b
# ~) J: n5 r6 o. D& j+ D8 E1 b: ~1 ~& O) c& l, {5 K
0 O1 j; L$ N% ]2 g# V8 j' H( k ~$ l: | j! b6 M$ A: L
|
|
[复制链接]
发表于 2017-10-16 05:49:19
发表于 2017-10-16 07:10:35
