|
|
4 G( {+ ?% a/ {
8 a3 ?; u& K3 Z5 b" b" Y9 A课程目录6 {4 V3 ?1 F, u+ J
介绍与准备% Z3 \. D7 b3 V' M
React 课程介绍
7 }9 l4 a4 p- y& e6 [1:01
! A6 r$ B# B5 y" Q创建 React 项目（2017）$ I! }/ y' i% D0 b
1:23
1 C/ V7 c7 z! \ KReact 应用的结构
' {1 R4 I D! L6 k3:05
. g& f% `" T: y' t编译生产环境的 React 应用
6 e" w; f7 c7 t! O1:28
) l* [" E7 w5 x' P. s安装 React（2015）: ]9 f4 k% g, A! J* H6 Q4 s/ t4 ]
3:263 @" @+ H8 o! [7 J; c+ B
2 y3 M, ~; e( T2 h9 J% b
组件# v, @+ E s6 { X: E1 G
定义组件 - Component; T+ Z" i0 |( W- Q% x, q; }2 k. }: x
3:06
1 T. J& U& q+ C& `; k8 a6 H0 N) j% A显示 - ReactDOM.render
# V# r7 h/ ]1 A/ n* o% D) J$ E2:40$ g/ o5 o- U4 j" S0 C, c0 N) f
组合组件
, u" O/ h. A1 \# M& n! @2:43( w7 N+ m2 z [( _8 r6 B
% n; p+ I2 Y4 `
属性
1 {6 c8 z% |6 J# q5 C' F. x属性 - props
" J- G! I' a; f) n% M4:06
% }; q/ {$ m+ Y) s0 @# |: o- c从爸爸那里得到数据& \/ P, E: ~2 Z% v
3:16' o9 ]$ l/ P: N8 Z5 _4 |
从服务端得到数据
O: I- a& m c! ]0 g! [8 }1:12
/ X2 K/ {! V6 h, i1 [4 |, |) e+ Q, V3 T& B6 D, d
状态
2 o+ n/ C6 Q ^7 ~状态 - state1 u3 D! F/ y2 K# [
3:50- u" e' v) E9 n0 H
更新组件的状态3 Y" p1 I8 {0 x! G' ^( W9 J2 F
2:16
% m9 z% ?+ L7 N g ?+ [" W6 R1 v3 R8 J# }6 k3 I
事件
9 G1 E" Z; M3 b% K; u* ~1 e+ O事件 - 使用发生在组件上的事件, H0 B L. ?$ G8 [! q1 b& b+ m$ K, k
1:40
. f& V3 R, h1 h+ o, D) G* u+ p得到在浏览器上显示的元素 - refs. `( I6 i) z! H+ Z9 V" y& K
2:10' Z3 r$ c" a, W1 z9 I1 M
儿子把数据交给爸爸+ }( `5 }) I& u4 q
2:184 X3 R& H, K) h- U, T; c
更新状态重新显示组件5 B9 I. @6 ^% H! U6 @" h
2:33
) D) Y7 m# s( U+ f. u9 {. U5 }# y, U0 n7 N
1 M+ \2 n0 O) J8 w0 ^# d
; ?+ c$ J3 a+ { m# x& b9 ^' w9 p3 O% P
|
|
[复制链接]
发表于 2017-10-16 05:49:19
发表于 2017-10-16 07:10:35
