|
" q$ Z8 p. v( q+ J& t
: A5 v8 M1 ^; X7 d% E" V8 O
课程目录4 F/ a% V* K: H% B1 V. }# k0 @# ]
介绍与准备
& [8 H6 v3 O' b$ H( F/ q7 U& _ t. YReact 课程介绍! r$ w9 i) B" a% j9 C
1:013 i) _0 y/ i$ r
创建 React 项目(2017)
5 f% ^) A6 c. R" U/ _6 w) N: N1:23/ f5 i- B7 y1 Q% `0 A6 h
React 应用的结构2 ~6 p; p7 c5 m' B) B+ O# ]3 D
3:05
2 D! B, ?4 P* s# N; B+ }编译生产环境的 React 应用
7 i) f& {$ t8 r; z7 v2 [1:28
9 g# U( V: Q9 O4 G0 z6 e# Q安装 React(2015)$ n& Q$ _ P! D& E+ \
3:26
/ [, e4 n: j2 l7 @; H
! r7 d* E2 u+ U# y# J3 v3 S组件4 }' Q5 r3 R/ ^
定义组件 - Component
+ j% Z( z2 W! y9 t0 `3:06
' Q2 t9 ]; J8 T3 g显示 - ReactDOM.render
. w( o( |5 A- i5 T, [7 t2:402 y$ t$ E# o/ [4 w6 B' G' m% y: r
组合组件% L4 b& H6 |1 g2 n _5 f( \
2:435 v9 a5 ?& g! o8 A
9 u) K2 A$ h% K4 m1 L' f8 E6 _属性' r* F# W% h$ X- U
属性 - props
" a: W! t, I4 A* z. n4:065 J: P: q, t7 F4 K/ v
从爸爸那里得到数据
/ b+ K, m* s( z/ W; I+ z' K- a3:16
2 C+ U6 m1 {% m) r7 o z9 ^% m2 G从服务端得到数据0 ?* a# Y6 h' _, j( @
1:12
* ~: v% I* {1 y2 G8 i2 G! P# g, T( C' a; g6 c" Y) R
状态
. U- B# Y8 s7 W# x" Y$ ]状态 - state T i9 e) u6 j. G+ o
3:50
+ n( |6 P( s) B4 |3 a更新组件的状态, I& S' }; F$ e; O
2:16) O" {* v/ F7 i8 t
+ K3 v$ ^0 D- g0 [9 ], \6 H c
事件' u# P1 T, Z" M9 h( ]
事件 - 使用发生在组件上的事件
6 u$ J8 q: T& |$ q1:40
2 b1 Z% G. I' d: }得到在浏览器上显示的元素 - refs1 \0 x* q& \) f4 s# |! P8 ^
2:102 G- @% \# j2 ^8 \9 h
儿子把数据交给爸爸" ~1 c3 j! ~! L* {4 R8 G
2:18
! }2 g% D) @* t3 f) i3 m更新状态重新显示组件
8 Q- n7 o# w$ U. M. ~ _# y2:33; d) f, l+ r# i8 j3 J& u4 N. k
1 ~# h: @/ _. j1 W0 v, [$ f T2 x; t, N# H" W8 r# ^
. ~8 ]3 T. p# P1 }" ]3 C
( ]% k3 g& y. A3 `: B7 t; B. Q
|
|