|
|
1 X) C8 T; X) L/ b. q: P" e
+ b( h8 F% t+ ]5 ^课程目录# O9 g. ]( Q0 j- [8 H
介绍与准备
1 g* B- b% \" T8 y; i7 r d* U* ?React 课程介绍
" D' \3 i7 B% \2 `) L1:01& \' Y, U' `3 c) N
创建 React 项目（2017）
i! R& b* X2 R/ J' b4 j' L1:23
0 C2 a2 f( l/ e1 Y. r# LReact 应用的结构 C2 x3 B1 R& U
3:052 F/ g8 |" o9 \% M6 S1 |; r
编译生产环境的 React 应用
) Q9 c' N* g' t' t$ w1:28
4 u1 t% ^3 u; C- e' N2 r! n) s& g安装 React（2015）
9 J, p- w( S4 z& K0 G# d$ C% f0 p3:268 z# C* |. m2 l# M
- I% y0 c# g! u
组件2 i& q6 |4 N3 O6 C/ Q6 l
定义组件 - Component
6 F% Q+ y% R- y0 v, N6 T6 x3:06# c0 k5 X( r7 h5 }4 ]5 R7 E+ [
显示 - ReactDOM.render
/ t$ G* N0 o1 U5 g$ Y3 D, d+ ]2:40
" g2 \. g* a- e- F) c( m1 J: L( E- }组合组件
$ t8 `5 e# ~% K1 b2:43* K2 n. ^7 Q" M( I+ a, m2 v
& G' `7 j( Q5 c# P
属性1 ~, S% A& V" v \# X2 |
属性 - props
( `6 }# |/ k) C8 `8 f+ v4:06
1 m8 i" q1 _. ^4 X f从爸爸那里得到数据
3 K& u# ?4 V& r# I) F1 s3:16
) c3 H( ^' ]# C7 A( ]从服务端得到数据% c$ a3 j! Y' E) R0 _9 ~
1:12
5 Y* z: F& X F7 ~# I3 N( Q
/ r6 Q+ I9 k. i+ H6 s* y% I) k状态# _$ {! Z" B1 D# M- ~" a
状态 - state
/ |/ h2 a T1 ?( V- l, X. N! Y& j3:50
% P+ t, ?* ~" ]$ j; o/ {' K更新组件的状态9 X! ~* A/ c& [: t/ V0 O) l. L, V
2:16
/ Q; `/ \' r; r" ^; P1 {
$ r# D. ?9 w/ j% Q. l事件
9 s' ^1 n6 V r) P6 J b事件 - 使用发生在组件上的事件
3 }" ]2 @$ y |& _1:403 A/ z3 f3 f7 E7 f- n& K" V
得到在浏览器上显示的元素 - refs
& @3 C7 @( R2 C* b! X4 {* V2:102 l- E$ U/ U0 R- r. K. G- m
儿子把数据交给爸爸
4 B7 d6 i/ I) |% }, q$ U$ {2:18. }% A& c9 v# [. h+ M
更新状态重新显示组件+ \& |. C7 A# e k
2:33
! |* `+ C8 ?; R0 ?) s
$ w) X9 {1 Y* B) J% P. E$ B
; @: L# A$ S6 P: ], a& {
+ x. p3 S3 k. N: Q% B% n- \
& B0 k; \" P1 Y: \8 J |
|
[复制链接]
发表于 2017-10-16 05:49:19
发表于 2017-10-16 07:10:35
