bahagian seterusnya: 生命周期(旧)_forceUpdate流程1064 permainan

5 秒后自动播放下一节
  Tonton Lagi

Mulakan dengan cepat dengan asas React

pengenalan >
babperisian kursus
Bab1DOM maya dan JSX

Pengenalan kepada React

13 minitunit-symbols

React kes kecil

17 minitunit-symbols

Dua cara untuk mencipta Dom maya

08 minitunit-symbols

DOM maya dan DOM sebenar

07 minitunit-symbols

peraturan sintaks jsx

22 minitunit-symbols

jsx latihan kecil

16 minitunit-symbols
Bab2pengaturcaraan berorientasikan komponen

Pemasangan alat pembangun

06 minitunit-symbols

Komponen dan Modul

05 minitunit-symbols

Komponen berfungsi

14 minitunit-symbols

Semak pengetahuan berkaitan

20 minitunit-symbols

komponen kelas

12 minitunit-symbols
Bab3Keadaan atribut teras komponen

pemahaman negara

06 minitunit-symbols

Mulakan keadaan

10 minitunit-symbols

Peristiwa mengikat dalam tindak balas

11 minitunit-symbols

ini dalam kaedah di dalam kelas

18 minitunit-symbols

Selesaikan masalah penunjuk ini di dalam kelas

07 minitunit-symbols

Penggunaan setState

14 minitunit-symbols

singkatan untuk negeri

15 minitunit-symbols

meringkaskan negeri

03 minitunit-symbols
Bab4prop atribut teras komponen

Penggunaan asas prop

08 minitunit-symbols

Pas props dalam kelompok

20 minitunit-symbols

Hadkan prop

18 minitunit-symbols

singkatan untuk props

07 minitunit-symbols

Pembina dan prop dalam komponen kelas

07 minitunit-symbols

Komponen berfungsi menggunakan prop

06 minitunit-symbols

prop ringkasan

05 minitunit-symbols
Bab5refs, atribut teras komponen

ref dalam bentuk rentetan

13 minitunit-symbols

ref dalam bentuk panggil balik

11 minitunit-symbols

Masalah dengan bilangan panggilan dalam rujukan balik

13 minitunit-symbols

Penggunaan createRef

07 minitunit-symbols

summaryref

03 minitunit-symbols
Bab6Peristiwa dan data borang

pengendalian acara

09 minitunit-symbols

komponen yang tidak terkawal

13 minitunit-symbols

komponen terkawal

10 minitunit-symbols

Fungsi peringkat tinggi dan fungsi kari

23 minitunit-symbols

Menulis tanpa kari

07 minitunit-symbols
Bab7Kitaran hayat komponen (1)

Memimpin kitaran hayat

27 minitunit-symbols

Kitaran hayat (lama)_proses pemasangan komponen

11 minitunit-symbols

Kitaran hayat (lama)_setState proses

11 minitunit-symbols

Proses kitaran hayat (lama)_forceUpdate

03 minitunit-symbols

Proses pemaparan komponen induk

14 minitunit-symbols

Ringkasan kitaran hayat (lama)

08 minitunit-symbols
Bab8Kitaran hayat komponen (2)

Bandingkan kitaran hidup lama dan baru

20 minitunit-symbols

getDerivedStateFromProps

11 minitunit-symbols

getSnapshotBeforeUpdate

11 minitunit-symbols

10 kes getSnapshotBeforeUpdate

22 minitunit-symbols

Ringkasan kitaran hayat (baharu)

04 minitunit-symbols

Algoritma pembezaan DOM

34 minitunit-symbols
Bab9perancah

Mulakan perancah tindak balas

35 minitunit-symbols

Introduction_public fail perancah

20 minitunit-symbols

Pengenalan fail perancah_src

17 minitunit-symbols

Komponen Hello yang mudah

37 minitunit-symbols

Modulariti gaya

05 minitunit-symbols

Kekunci pintasan dalam WebStorm

10 minitunit-symbols

Proses pengekodan komponen

08 minitunit-symbols
Bab10Kes TodoList

TodoList case_static komponen

30 minitunit-symbols

Senarai permulaan dinamik

16 minitunit-symbols

tambah todo

28 minitunit-symbols

Kesan pergerakan tetikus

09 minitunit-symbols

Semak dan nyahtanda

18 minitunit-symbols

Hadkan prop

06 minitunit-symbols

Padamkan tugasan

13 minitunit-symbols

Melaksanakan fungsi bawah

21 minitunit-symbols

Ringkasan kes TodoList

04 minitunit-symbols
Bab11Kes carian filem Douban

Ejen konfigurasi perancah 1

31 minitunit-symbols

Ejen konfigurasi perancah 2

26 minitunit-symbols

komponen carian filem Douban case_static

16 minitunit-symbols

Permintaan penghantaran kes_axios carian filem Douban

30 minitunit-symbols

Data kes_paparan carian filem Douban

14 minitunit-symbols

Kes carian filem Douban_kes selesai

23 minitunit-symbols

Langganan case_message carian filem Douban dan penerbitan_pubsub

24 minitunit-symbols

Permintaan penghantaran case_fetch carian filem Douban

36 minitunit-symbols

Ringkasan kes carian filem Douban

Bab12penghala bertindak balas

Memahami aplikasi SPA

07 minitunit-symbols

Pemahaman tentang penghalaan

07 minitunit-symbols

Prinsip penghalaan bahagian hadapan

24 minitunit-symbols

Penggunaan asas penghalaan

38 minitunit-symbols

Komponen penghalaan dan komponen am

24 minitunit-symbols

Penggunaan NavLink

04 minitunit-symbols

Merangkum komponen NavLink

20 minitunit-symbols

Penggunaan Suis

06 minitunit-symbols

Selesaikan masalah kehilangan gaya

19 minitunit-symbols

Padanan kabur dan padanan ketat laluan

11 minitunit-symbols

Penggunaan Redirect

09 minitunit-symbols

Penghalaan bersarang

33 minitunit-symbols

Lulus parameter params kepada komponen penghalaan

28 minitunit-symbols

Lulus parameter carian kepada komponen penghalaan

15 minitunit-symbols

Hantar parameter keadaan kepada komponen penghalaan

14 minitunit-symbols

Parameter penghalaan ringkasan

04 minitunit-symbols

menolak dan membalas

09 minitunit-symbols

Navigasi laluan terprogram

25 minitunit-symbols

Penggunaan withRouter

13 minitunit-symbols

BrowserRouter与HashRouter

08 minitunit-symbols
Bab13Pustaka komponen UI dan lain-lain

Penggunaan asas antd

25 minitunit-symbols

Pengenalan atas permintaan gaya antd

09 minitunit-symbols

tema tersuai dan lain-lain

12 minitunit-symbols
Bab14redux pengurusan negeri

Pengenalan kepada redux

08 minitunit-symbols

aliran kerja redux

19 minitunit-symbols

Menjumlahkan case_Versi tindak balas tulen

Menjumlahkan case_redux versi diperkemas

44 minitunit-symbols

Menjumlahkan case_redux versi penuh

20 minitunit-symbols

Menjumlahkan versi tindakan case_asynchronous

21 minitunit-symbols

Pemahaman tentang react-redux

07 minitunit-symbols

Sambungkan komponen kontena dan komponen UI

16 minitunit-symbols

Penggunaan asas react-redux

34 minitunit-symbols

Pengoptimuman 1_Peta singkatanDispatch

13 minitunit-symbols

Optimumkan penggunaan komponen 2_Provider

07 minitunit-symbols

Pengoptimuman 3_Sepadukan komponen UI dan komponen bekas

06 minitunit-symbols

Perkongsian Data_Komponen Orang Penulisan

17 minitunit-symbols

Perkongsian Data_Menulis pengurang komponen Orang

Perkongsian data_Perkongsian data lengkap

fungsi tulen

alat pembangun redux

17 minitunit-symbols

versi terakhir

18 minitunit-symbols

Pakej projek dan jalankan

12 minitunit-symbols
Bab15Kembangkan

Sambungan 1_setState

Sambungan 2_lazyLoad

Sambungan 3_stateHook

Sambungan 4_EffectHook

Sambungan 5_RefHook

Sambungan 6_Fragment

Sambungan 7_Konteks

Sambungan 8_PureComponent

Sambungan 9_renderProps

Sambungan 10_ErrorBoundary

Ringkasan kaedah komunikasi antara komponen

  • BatalbalasMenghantar
  • Batalhantar notaMenghantar