|
|
2 C& E! o; _" q2 @" h: u$ [7 M, Q! ^$ M' K6 O
课程目录0 Y3 x" A5 E2 D/ h
介绍与准备) c# \8 C. u3 Q+ A
React 课程介绍4 T0 z" F c( n* W! G% ~
1:01
7 E5 V$ {/ c3 ?7 j" {/ S" i创建 React 项目（2017）3 c+ j3 x- j/ ]
1:23
; S6 z$ s$ `+ {' gReact 应用的结构+ l( ^! w6 @# f5 j0 ]
3:052 X$ L6 B1 ?3 V3 R! F
编译生产环境的 React 应用) c) V6 r8 k3 Q1 f% h' x: H- C
1:28& V0 t1 v. k9 r# U
安装 React（2015）8 @, ]. i% v( n
3:26
: w4 r" i; m. M1 a- m# K6 y% l: _, h. r, z; A
组件
u/ E: h. l4 ^2 \* S0 k2 V0 _" W: |定义组件 - Component) Z2 c( d1 ?% ~9 F# O
3:06
- x! Y) n1 m5 M( f/ E$ U. f显示 - ReactDOM.render+ D& d1 ]' i; T$ P4 |
2:408 H1 t' }% \/ D
组合组件
( K; Y& f* B+ R# {! v/ r4 Y8 u* P w: x2:43
& H! v4 Q0 @* D0 b" M" y9 x9 x; _2 O1 E7 F2 y" t) n1 v9 ^
属性: L4 ~" _, i1 `% h0 m1 e9 i
属性 - props
' M6 }7 w2 I+ `/ M7 \4:06$ g- B% J$ W1 _+ y; X! H& ]: v8 O
从爸爸那里得到数据6 m7 \9 B E5 t- h) O3 S& r
3:16- S9 k/ A3 o; R# ^% w% _/ j' g% |% z
从服务端得到数据4 G. r7 j7 x2 a
1:12
1 z% G; w% E4 n: i. L, w* Q! `* P/ |4 |
状态
( Y( W0 t1 V8 W, Z1 z, P状态 - state0 @% A1 A! o) y
3:50
8 B3 W/ C; Y7 A% e& U* ~3 l5 r更新组件的状态
0 `$ G" [ u5 {/ O @6 C2:16
2 z. p0 C6 F6 q: j) O
$ @" B! X0 I$ L- D/ [事件$ Z8 ^$ E# o: y# H6 L, U
事件 - 使用发生在组件上的事件
$ \- R# N. h+ h9 U+ h( {1:40: y) r Z" W1 U) }4 r* h
得到在浏览器上显示的元素 - refs
- l! e3 N, e+ F% q4 h! W- V2:102 O: E- }/ n! x7 Z0 h
儿子把数据交给爸爸
% x! Z/ n2 J2 C6 U2 |& p2:18
|* c$ `/ T0 w2 V$ J更新状态重新显示组件, V& o* ?4 g z
2:33
4 K3 t0 z8 e- Q1 } Q% j) g1 l* N& ?5 T; C& J0 y
6 Q* R# H( _7 b: N2 a# c! ~+ j. M Z0 k2 q
9 s" v, v% G' S0 h# e |
|
[复制链接]
发表于 2017-10-16 05:49:19
发表于 2017-10-16 07:10:35
