一、先搞懂核心定義(用生活化比喻) 可以把瀏覽器想象成一棟房子: BOM (Browser Object Model):瀏覽器對(duì)象模型 相當(dāng)于...
虛擬 DOM介紹 虛擬 DOM(Virtual DOM)是 React 中的核心概念之一。為了理解它,首先需要知道直接操作真實(shí)的 DOM 是代價(jià)...
基于Vite創(chuàng)建開發(fā)環(huán)境 Vite是一個(gè)框架無(wú)關(guān)的前端工具鏈,可以快速的生成一個(gè) React + TS 的開發(fā)環(huán)境,并且可以提供快速的開發(fā)體驗(yàn) ...
useReducer 作用:和useState的作用類似,用來(lái)管理相對(duì)復(fù)雜的狀態(tài)數(shù)據(jù) 基礎(chǔ)用法 定義一個(gè)reducer函數(shù)(根據(jù)不同的actio...
什么是前端路由 一個(gè)路徑 path 對(duì)應(yīng)一個(gè)組件 component ,當(dāng)我們?cè)跒g覽器中訪問一個(gè) path 的時(shí)候,path 對(duì)應(yīng)的組件會(huì)在頁(yè)面...
自定義Hook函數(shù) 概念:自定義Hook是以 use 打頭的函數(shù),通過自定義Hook函數(shù)可以用來(lái)實(shí)現(xiàn)邏輯的封裝和復(fù)用 簡(jiǎn)單demo 封裝一個(gè)us...
useEffect 的概念理解 useEffect是一個(gè)React Hook函數(shù),用于在React組件中創(chuàng)建不是由事件引起而是由渲染本身引起的操...
理解組件通信 概念:組件通信就是組件之間的數(shù)據(jù)傳遞,根據(jù)組件嵌套關(guān)系的不同,有不同的通信方法 父?jìng)髯?實(shí)現(xiàn)步驟 父組件傳遞數(shù)據(jù) - 在子組件標(biāo)簽...
React中獲取DOM 在 React 組件中獲取/操作 DOM,需要使用 useRef React Hook鉤子函數(shù),分為兩步: 使用useR...