React Hooks 學習概覽

2022-02-21 14:24:28 字數 883 閱讀 9389

react-hooks的函式 元件方式代替原來的類繼承,簡化**風格,好處是大大的;

1、usestate用來宣告狀態變數。要從三方面掌握:宣告、讀取、使用。(注意:usestae是不能進行條件語句判斷的)

2、useeffect就相當於 類元件中的 componentdidmount、componentdidmount、componentwillunmount

解綁只 需要將它第二個引數設定為 [ ];

3、父子元件進行傳值:usecontext

第一步 引入usecontext  

第二步 建立 createcontext()  

第三步  然後 

4、usereducer類似 reducx 的狀態管理工具;

usereducer  () 接受兩個引數 乙個是 狀態 state  另外乙個是 action,用dispatch 觸發 這乙個動作;

5、usermemo相當於  shouldcompnentupdate  eg:子元件裡面定義了乙個方法, 父元件去觸發乙個狀態 和子元件裡面的方法沒有關係,這時候子元件裡面的方法被觸發了;

其實意思就是有沒有被修改,方法都被觸發了 ,這樣很損耗效能;

6、useref獲取dom元素和儲存變數;

7.自定義 hooks 函式元件

usestate  設定狀態 變數

usecallback  改變狀態的方法

useeffect 監聽事件 和 return 裡面 解綁事件

詳細 請參考 :

react hooks的學習補充

hooks 是 react 16 中的特性,解決函式元件想使用類元件的一些特性。一般在函式元件裡使用該hooks調介面獲取資料 useeffect不傳遞第二個引數會導致每次渲染都會執行useeffect。然後,當它執行時,它獲取資料並更新狀態。然後,一旦狀態更新,元件將重新呈現,這將再次觸發usee...

機器學習概覽

當今機器學習是乙個非常熱門的話題,每個人都在談論機器學習,並討論它如何在他們的業務或職業生涯中發揮作用。機器學習是一種資料分析方法,可以使分析模型建立自動化。它是人工智慧的乙個分支,其基礎是機器應該能夠通過經驗學習和適應。機器學習的型別 監督學習 無監督學習 強化學習 建立良好的機器學習系統需要什麼...

機器學習概覽

什麼是機器學習?機器學習是基於歷史資料,從中學習和一種滿足業務的模型,然後用這個模型去 類似模型資料的事件。機器學習的應用場景 1.事物存在某種潛在規律 2.某些問題難以使用普通程式設計解決 3.有大量資料可以使用 機器學習的分流程 機器學習的演算法分類 按輸出空間劃分 1.分類問題 2.回歸問題 ...