具體步驟我放到自己的git了
一、真正主流(4 個(gè)) npm(Node 官方)地位:基礎(chǔ)標(biāo)配、生態(tài)最廣、兼容性最好特點(diǎn):隨 Node 自帶,所有項(xiàng)目都認(rèn)適用:新手、老項(xiàng)目、追求絕對(duì)兼容 Yarn(Face...
相關(guān)命令: 如果手機(jī)上安裝的expo客戶(hù)端軟件和電腦運(yùn)行服務(wù)不在同一個(gè)局域網(wǎng)解決辦法: 停止當(dāng)前運(yùn)行的 expo:在終端按 Ctrl + C 停止 npm start。 啟動(dòng)...
只要函數(shù)內(nèi)部用了 React Hook(useState/useEffect 等) 只能是二選一:返回 JSX → React 組件 → 必須首字母大寫(xiě)(React 組件名稱(chēng)...
[學(xué)習(xí)react教程中‘將事件從Effect中挑戰(zhàn)第三個(gè)示例’] 修復(fù)問(wèn)題后修改延遲時(shí)間時(shí)候定時(shí)器會(huì)暫停下,我想實(shí)現(xiàn)修改延遲時(shí)間定時(shí)器不暫停方案:
React 嚴(yán)格模式(StrictMode)在開(kāi)發(fā)環(huán)境下的特殊行為 它會(huì)刻意觸發(fā)組件的「掛載→卸載→重新掛載」流程(僅開(kāi)發(fā)環(huán)境,生產(chǎn)環(huán)境無(wú)此行為),目的是提前暴露代碼中可能存...
一、核心定義(官方準(zhǔn)確定義) 1.執(zhí)行時(shí)機(jī):組件渲染完成、DOM 已更新、ref 已綁定之后 執(zhí)行(固定時(shí)序,不可改變) 2.觸發(fā)條件:由依賴(lài)數(shù)組控制是否執(zhí)行(不是改變時(shí)機(jī),...
關(guān)鍵區(qū)別一句話總結(jié): Array:適合“一組有序數(shù)據(jù)”,強(qiáng)調(diào)順序和位置(索引) Object:適合“已知固定屬性的簡(jiǎn)單對(duì)象”(如配置、用戶(hù)信息),鍵必須是字符串。 Map:適...
場(chǎng)景描述:執(zhí)行pmpm run dev本地運(yùn)行開(kāi)發(fā)調(diào)試項(xiàng)目,然后復(fù)制訪問(wèn)的地址http://192.168.0.180:3000/ 到瀏覽器訪問(wèn),發(fā)現(xiàn)控制臺(tái)中日志都沒(méi)有了 原...
強(qiáng)烈推薦使用Immer庫(kù) Immer是什么? Immer 是一個(gè)輕量級(jí)的 JavaScript 庫(kù)(特別在 React 學(xué)習(xí)中非常常見(jiàn)),它的核心作用是:讓你用“可變”(mu...
一、核心規(guī)則(最關(guān)鍵) 僅 .tsx / .jsx 組件文件:默認(rèn) = 服務(wù)端組件 普通 .ts / .js 文件:無(wú)默認(rèn)運(yùn)行端,必須寫(xiě) 'use server' 才是服務(wù)器...
一、先記住 3 條鐵律(官方規(guī)則) 服務(wù)端組件 (Server Component) = 默認(rèn),沒(méi)有 'use client' 客戶(hù)端組件 (Client Component...
總結(jié) Next.js App Router 中,()/[]/[[...]] 是路由路徑控制的核心語(yǔ)法,分別對(duì)應(yīng)分組、動(dòng)態(tài)參數(shù)、可選動(dòng)態(tài)參數(shù); (.)xxx/(..)xxx 用...
一、腳手架 / 工程工具 CRA(Create React App)React 官方腳手架,創(chuàng)建的項(xiàng)目默認(rèn)是 CSR + SPA,打包出純前端靜態(tài)文件。 Vue CLIVue...
在tsconfig.json中添加: 如果項(xiàng)目沒(méi)有tsconfig.json則新建然后復(fù)制上面進(jìn)去
這兩個(gè)概念是 React(以及很多現(xiàn)代前端框架)的核心,我用通俗易懂的方式給你講清楚,結(jié)合你剛才的代碼例子來(lái)理解會(huì)更直觀 1、 Mutation(突變 / 直接修改) Mut...
1. npm和pnpm是什么? 兩個(gè)本質(zhì)是兩款不同的包管理工具,核心差異體現(xiàn)在依賴(lài)安裝、存儲(chǔ)和性能等方面。 npm:安裝node后默認(rèn)會(huì)自帶安裝(node安裝時(shí)候默認(rèn)安裝了n...
?? 檢查依賴(lài)是否安裝的常用命令你可以在項(xiàng)目根目錄的終端中,使用以下幾種命令來(lái)檢查 package.json 里的依賴(lài)是否已經(jīng)安裝: 1. 基礎(chǔ)檢查:查看 node_modul...