本系列文章會展示如何使用 React 構(gòu)建一個簡單的 todo_list 項目。由于我們還沒有學(xué)習(xí) redux 伊群，所以 純 React 來管理數(shù)...

JSX JSX 其實(shí)是 React.createElelment 函數(shù)調(diào)用的語法糖 JSX 會將代碼編譯成 React.createElelme...

Refs 允許我們訪問真實(shí) DOM 一般的饼问，React 數(shù)據(jù)流是通過 props 來實(shí)現(xiàn)父子組件的交互 Refs 允許我們用于強(qiáng)制修改子組件 c...

高階組件 High Order Component HOC 是一種高級的設(shè)計模式 HOC 是一個函數(shù)影兽，接收一個組件參數(shù)，返回一個新組件 普通組件...

Context 作用：給整個組件樹共享全局的數(shù)據(jù) 最適合的場景：雜亂無章的組件都需要同一些數(shù)據(jù) 如果單純?yōu)榱瞬粚訉觽鬟f屬性的話莱革， Context...

代碼分割 import 靜動態(tài)導(dǎo)入 靜態(tài)導(dǎo)入：static import import xxx from 'xxx'導(dǎo)入并加載時峻堰，導(dǎo)入的模塊會被...

父子組件數(shù)據(jù)關(guān)系與狀態(tài)提升 狀態(tài)提升：兩個組件（無父子關(guān)系）共享一個數(shù)據(jù)并同步數(shù)據(jù)變化，即將子組件中的數(shù)據(jù)提升到父組件中進(jìn)行操作和管理盅视，通過 p...

受控組件是通過綁定事件的方式捐名，及時獲取組件狀態(tài)的變化，適合即時的數(shù)據(jù)驗證非受控組件是通過 React.createRef 創(chuàng)建的引用來獲取需要的...

條件渲染 判斷條件一定是 bool 類型才會渲染闹击，false镶蹋、null、undefined 列表渲染 報錯信息：Each child in a ...