|
|
1 I2 C" {7 m3 v; v9 K: d( t' Y
; V: Z8 [% T4 Q( Z) o. U: }* V# }课程目录
+ z1 Z7 n" {7 s- n X3 c6 G" a+ }介绍与准备
8 d7 I: b* l) l' LReact 课程介绍
; m# b% J# @! Y3 [1:01% H% K6 G1 z8 X8 p _
创建 React 项目（2017）3 O5 w! U9 E4 b
1:23' z! j4 x7 M, u2 ?; {3 j, H$ n- e
React 应用的结构. ^$ @, l' V' m2 R: i
3:05
! n0 F* }2 a8 Y1 O% u编译生产环境的 React 应用) k4 L8 [2 X( k# ?; Y. ]' ?
1:28
' K% S7 d* W/ Y& T安装 React（2015）
. h* w+ n, P: ?$ v7 L3:26( ~6 T0 G; V1 b5 h( e+ ?$ j+ R
4 |, `) N6 V, r, U* O+ ^1 ~1 L7 G9 f组件
% P+ @( U, }+ i9 ?! s2 {定义组件 - Component
f8 o6 h; s( q/ B. _$ C) d/ K3:06
8 z! t! |* k+ h2 g显示 - ReactDOM.render+ j; `3 S9 l# k! V, Q8 J/ R# @
2:40
+ i9 l9 u# ^: y+ \4 l组合组件1 A B$ H5 V: d# H; l. O1 p, X5 n& O
2:43
% }% s7 t; X* D4 J5 k4 {- {* v1 Q4 y0 w' O
属性8 `9 u$ g4 a7 Z
属性 - props/ b' w. \' N' B& g; g5 P
4:06
4 R3 b# g7 s, q5 H: ^# C从爸爸那里得到数据8 M4 M1 I9 H' Z3 v# n5 v
3:16# q* E( B% x$ p2 z* }
从服务端得到数据- ` w& q' O2 _4 t* f% y
1:128 B. _$ E- V1 P: A
" ~- `, D0 ^3 J% j K. O, [& Q+ K状态. K& g7 `: _! u; t- }$ G
状态 - state
" X9 o! _8 Z5 a) o k8 B4 F3:50
9 Z) A- H; C6 H3 g/ H6 |更新组件的状态
, n$ L( V" @3 M# }* j0 o) A2:16
3 t' Z' ~0 M1 w2 e1 R& l7 T( r n0 _
事件. o6 f; `; R3 W, W V& `5 Y% c
事件 - 使用发生在组件上的事件0 W" R# k1 e/ m2 x# c; u
1:40
7 m/ R7 @. o1 S4 W4 H- M9 I得到在浏览器上显示的元素 - refs8 O) H7 M7 G% V
2:10
+ b7 Q( s- T& T# @: @' E# Z儿子把数据交给爸爸, R$ b7 F6 p" T. B
2:18# B* K: c: r" i3 f: K3 Z
更新状态重新显示组件
; O, ]; P1 u P8 x' K2:339 z4 k! ?( t4 ~0 q! y) E2 M
; Q. @6 s, }2 T3 ]/ I: X4 j3 F$ s) q
( D* A8 l) d4 _ Q7 y3 |* d: K
2 w/ a. P. }% d) Z& L! |% V
|
|
[复制链接]
发表于 2017-10-16 05:49:19
发表于 2017-10-16 07:10:35
