|
|
; T$ x5 w2 k( N! J6 B5 S9 F4 T: Y0 q1 Z
课程目录3 N5 B+ ^' j8 `( O
介绍与准备
5 W5 o" q' d7 B. E6 B* ^4 yReact 课程介绍
6 K( S9 X9 i" u, N: ~1:01
/ v8 `. c- c' [' [创建 React 项目（2017）% n/ Q4 R7 o: g/ ]/ E8 b
1:23
, ^+ S' p( \3 m, H2 GReact 应用的结构# E4 a& c6 d4 X% P$ A% t6 f$ d: B
3:05
7 b ^0 |! |1 ^7 `7 J0 Q0 N编译生产环境的 React 应用
3 W: F: \% l2 Q9 [+ k) J1:28' \7 X0 ~& R& Q! B" J
安装 React（2015）
Z& o- N) h7 p. M9 M3:26( P# E U3 j: ]# k' o; P
' N9 P7 `- [- U组件
+ C% n" {/ E% u& |定义组件 - Component$ y9 r; V1 i# x! D( M( O" t1 X+ v5 i
3:06
/ d2 N, ^0 V- \4 i5 N4 h显示 - ReactDOM.render6 T5 i1 w ]2 G# o1 t4 _
2:40, Q2 t4 l0 X) @
组合组件
3 [4 H) \* O4 k% @0 X x2:438 F- s3 i$ E3 M) ~: x/ ^9 ]0 i
0 \6 G& D9 v' i7 b( j$ D
属性4 h$ |0 ^/ w; N* v k8 Z
属性 - props0 c3 Q4 C! `. p
4:06
1 Y) G. q E/ u0 k" {$ D- J3 g从爸爸那里得到数据
1 ?( ]! M4 ~4 \0 [( W3:167 b& ^( D. S6 R# [; d* |3 x
从服务端得到数据* `2 ]# h* B, J/ i9 Y e0 q
1:12
) }, h9 N0 i( ?
7 |+ G2 X2 W O& K, s$ w/ W状态. l$ H; j& w* P% y) ]! D' P
状态 - state% X( J: V) o) z, ]4 j1 V$ L
3:506 q! Y" N) m' s; O4 G M
更新组件的状态5 B6 p4 S0 N& K! P W
2:16
7 u* m, I8 F. U( }, N5 M8 f( n, q% e4 |( S5 _
事件* X; I9 H1 ~4 H/ h0 E% G& y
事件 - 使用发生在组件上的事件
1 I) `+ m) N$ S1 S1 P1:40
% ?1 o5 @" A, f V得到在浏览器上显示的元素 - refs
( y7 G9 A- j, S4 c8 E; p# N D2:10, X. R6 \% r- R6 T5 f. _' l
儿子把数据交给爸爸
' c8 f# E9 t u! H2:18
, w0 ~4 N; L9 b更新状态重新显示组件
: h6 ^+ Q) m6 }+ a" P' i2:33
5 ~0 o+ t, R0 U G0 }/ S; O# V1 B
w% y) Q6 p2 f% J3 K3 L! B6 } h S& J" ^1 E" P# Z+ p
# j2 C0 J. }: O L
: j" Q! C' _ D* ]' w7 ] |
|
[复制链接]
发表于 2017-10-16 05:49:19
发表于 2017-10-16 07:10:35
