
本系列文章會(huì)展示如何使用 React 構(gòu)建一個(gè)簡單的 todo_list 項(xiàng)目。由于我們還沒有學(xué)習(xí) redux ,所以 純 React 來管理數(shù)...
JSX JSX 其實(shí)是 React.createElelment 函數(shù)調(diào)用的語法糖 JSX 會(huì)將代碼編譯成 React.createElelme...
Refs 允許我們?cè)L問真實(shí) DOM 一般的,React 數(shù)據(jù)流是通過 props 來實(shí)現(xiàn)父子組件的交互 Refs 允許我們用于強(qiáng)制修改子組件 c...
高階組件 High Order Component HOC 是一種高級(jí)的設(shè)計(jì)模式 HOC 是一個(gè)函數(shù),接收一個(gè)組件參數(shù),返回一個(gè)新組件 普通組件...
Context 作用:給整個(gè)組件樹共享全局的數(shù)據(jù) 最適合的場景:雜亂無章的組件都需要同一些數(shù)據(jù) 如果單純?yōu)榱瞬粚訉觽鬟f屬性的話, Context...
代碼分割 import 靜動(dòng)態(tài)導(dǎo)入 靜態(tài)導(dǎo)入:static import import xxx from 'xxx'導(dǎo)入并加載時(shí),導(dǎo)入的模塊會(huì)被...
父子組件數(shù)據(jù)關(guān)系與狀態(tài)提升 狀態(tài)提升:兩個(gè)組件(無父子關(guān)系)共享一個(gè)數(shù)據(jù)并同步數(shù)據(jù)變化,即將子組件中的數(shù)據(jù)提升到父組件中進(jìn)行操作和管理,通過 p...
受控組件是通過綁定事件的方式,及時(shí)獲取組件狀態(tài)的變化,適合即時(shí)的數(shù)據(jù)驗(yàn)證非受控組件是通過 React.createRef 創(chuàng)建的引用來獲取需要的...
條件渲染 判斷條件一定是 bool 類型才會(huì)渲染,false、null、undefined 列表渲染 報(bào)錯(cuò)信息:Each child in a ...