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

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

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

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

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

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

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

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

條件渲染 判斷條件一定是 bool 類型才會渲染阱飘，false斥杜、null、undefined 列表渲染 報錯信息：Each child in a ...