|
|
5 H8 C' q, {* _3 `( d7 w6 s0 Q6 e; P3 h
课程目录0 M3 Z* r3 k+ J
介绍与准备/ t+ I4 l6 R7 k3 a
React 课程介绍8 n4 h5 _6 t5 d- ^
1:01
3 V ]0 Y ` ~ b \7 m创建 React 项目（2017）5 U. m$ H. J/ k1 h$ W" S4 ~
1:23. U. `& g. \, p6 I* v: {6 c* j
React 应用的结构
7 q6 m. a+ e! m( g$ N3:05
! c ~, K g# O5 P7 ?编译生产环境的 React 应用
4 f' {5 M0 u" N! ^1:28
9 @% N% u: Z: {1 q' `' ~/ M4 K4 t( \安装 React（2015）1 ?$ k3 z% h& V X5 J( h2 v4 P( M
3:265 z" v# m1 o8 P+ z- p: O4 a$ T; v
4 f' q' `, _8 Y/ k$ t. j' ~组件& N( D% c: p8 W/ o' [: }/ E& ?
定义组件 - Component
& ^6 _! R0 C; J3:06$ E: j7 P0 T. d' k+ w
显示 - ReactDOM.render' b" t: Z/ C& ?
2:40% z: j- A) [; R+ n
组合组件" q% J6 _# U: u1 R' F
2:43
) V) d B" C0 k$ E* P; q* S" R! }
1 h9 W1 b/ b7 z属性
+ [6 p1 r9 F1 P a0 X属性 - props
% ]) |7 n. C6 }3 [8 {4:06! e3 `8 F" w) G( o$ [
从爸爸那里得到数据: P7 ^( x) h) G4 O
3:16( y, F+ `& |6 M& N; m3 Q2 a( q) Z
从服务端得到数据- V8 Q* G, P3 v" X, y: Q3 h% p: i
1:124 b) ~; ]2 N2 Y5 P* K2 s
6 \% n$ K; }6 }$ [3 C
状态
3 `# r. b: k3 y1 |状态 - state7 g, w% u# O7 @$ y
3:507 @' `+ A) e. O8 y5 Y1 j
更新组件的状态
6 g: [5 y; F7 O8 d( |; E0 d2:16
8 I9 F E- h' P
3 I" [! k) O+ I* |# A事件
9 F) a6 m8 ~8 `3 A. F0 E事件 - 使用发生在组件上的事件& C5 c9 i; u# A- D: w- S! Z0 i
1:40
, Y0 v& p+ x) p9 X% E6 S3 L得到在浏览器上显示的元素 - refs
. n- H- D& [/ o: J6 }6 Z2:10
0 q: Y9 v7 J+ n8 C4 t6 s9 T儿子把数据交给爸爸
0 i9 ~- F4 G8 B5 p. j2:18% n( ^2 c* @4 T! o. F! T* l3 A
更新状态重新显示组件
4 C$ z) L# H$ p; j2:33/ M; ~# P% A: f* ~# p. P" H, |! ~
' ]* a, J5 O9 v& K, ~! |
, ?$ a# L; g" O. q$ v& ^
8 W' U0 n1 G% ?) n% ?5 |: F3 D* e
|
|
[复制链接]
发表于 2017-10-16 05:49:19
发表于 2017-10-16 07:10:35
