react hooks 實戰練習

2021-10-05 00:12:48 字數 872 閱讀 9824

在class中,我們是通過建構函式中,設定state的

this.state =
在函式中,沒有this,所以之前的this都不能分配和讀取了,然後在hook中用到了usestate

import react,  from 'react';//先引入usestate

const customeraccess = (props) =>

第乙個引數叫做state變數,第二個引數叫做方法(我是這麼理解的)當呼叫第二個引數的時候,可以更新改變當前的state(也就是第乙個引數),usestate傳參就是初始化第乙個引數變數

effect和週期函式特別類似,可以看做componentdidmount,componentdidupdate ,componentwillunmount,這三個函式的組合(三合一)

在class中,很多情況下,我們想在元件載入和更新的時執行同樣的操作,這個時候就需要在兩個生命週期函式中編寫重複**。

那麼useeffect 是怎麼執行相同的操作的?

useeffect(() => 

},[currentpage,pagesize,searchdata]);//變數改變的時候才會更新

在元件內部直接呼叫useeffect,我們可以直接訪問到生命的state變數,或者props(我寫的這個專案就需要訪問到props,因為antd版本是v3,想獲取所有表單資料,只能用props去獲取,form.useform()不可以用)所以每次更新的時候都要執行 effect,但是兩次重渲染之間沒有發生變化,這個時候就會通知 react 跳過對 effect 的呼叫。

以上就是我對usestate, useeffect的理解,如有問題,歡迎指出。

TCP實戰練習

距離寫這個例項過了太久了,就不寫理論了。此次只實現了單使用者連線,目標是實現多使用者連線並且客戶端之間可以互相通訊,希望以後能補充完全吧。簡單說一下我在除錯過程中遇到的問題 每次kill掉該伺服器程序並重新啟動的時候,都會出現bind錯誤 error 98,address already in us...

linux實戰練習

1 鏈結到nginx部署的伺服器 2 檔案查詢,find name nginx,找到nginx的目錄 3 進入到nginx cd 的目錄下,然後檢視檔案,找到logs,進入logs目錄下,然後 pwd 檢視當前目錄 4 然後tail f error.log就可以檢視到實時的錯誤日誌。5 截圖給開發。...

React Hooks 初步嘗試

1.usestate 返回乙個 state,以及更新 state 的函式。const state,setstate usestate initialstate 如果初始 state 需要通過複雜計算獲得,則可以傳入乙個函式,在函式中計算並返回初始的 state,此函式只在初始渲染時被呼叫 const...