react 技術棧學習,相關知識儲備

2021-09-01 20:45:00 字數 903 閱讀 5304

最直接的方式:npm install -g cnpm --registry=

子元件修改父元件傳入的 props 的值,會有***,在編碼過程中,不允許這個操作。參考《深入淺出react和redux》,p24-25,【2.2.3 prop 和 state 的對比】章節。

元件的生命週期。類元件才有生命週期方法,函式元件沒有生命週期方法。

componentdidmount

以下情況,可以手動呼叫 forceupdate() 自動觸發元件的 render()。

如果你的 render() 方法依賴於一些其他的資料,你可以告訴 react 元件需要通過呼叫 forceupdate() 重新渲染。

有些變數不在 state上,你又想達到這個變數更新的時候,重新渲染。

state 裡的某個變數層次太深,更新的時候沒有自動觸發 render()。

這是es6的語法。es6 模組主要有兩個功能:export 和 import

* export 用於對外輸出本模組(乙個檔案可以理解為乙個模組)變數、函式、模組的介面。

* import 用於在乙個模組中載入另乙個含有 export 介面的變數、函式、模組。

export 與 export default 均可用於匯出常量、函式、檔案、模組等。

你可以在其它檔案或模組中通過import+(常量 | 函式 | 檔案 | 模組)名的方式,將其匯入,以便能夠對其進行使用。

在乙個檔案或模組中,export、import可以有多個,export default僅有乙個。

通過 export 方式匯出,在匯入時要加 {},export default 則不需要。

react 中文社群文件

託管在 gitee 上的專案鏈結 :

棧相關知識

1.linux檢視修改執行緒預設棧空間大小 ulimit s a 通過命令 ulimit s 檢視linux的預設棧空間大小,預設情況下 為10240 即10m b 通過命令 ulimit s 設定大小值 臨時改變棧空間大小 ulimit s 102400,即修改為100m c 可以在 etc rc...

react技術棧實踐(1)

最近開發乙個全新ab測試平台,思考了下正好可以使用react技術開發。首先遇到乙個概念,redux。這貨還真不好理解,大體的理解 store包含所有資料,檢視觸發乙個action,store收到action後,返回乙個新的 state,這樣檢視就發生變化,state計算過程叫做 reducer,re...

react技術棧實踐(1)

最近開發乙個全新ab測試平台,思考了下正好可以使用react技術開發。首先遇到乙個概念,redux。這貨還真不好理解,大體的理解 store包含所有資料,檢視觸發乙個action,store收到action後,返回乙個新的 state,這樣檢視就發生變化,state計算過程叫做 reducer,re...