React-Hooks 學習概覽

 React-Hooks的函數 組件方式代替原來的類繼承，簡化代碼風格，好處是大大的；

一、useState  用來聲明狀態變量。要從三方面掌握：聲明、讀取、使用。（注意：useStae是不能進行條件語句判斷的）

二、useEffect   就至關於 類組件中的 componentDidMount、componentDidMount、 componentWillUnmount 

  解綁只 須要將它第二個參數設置爲 [ ];

三、父子組件進行傳值：useContext  

  第一步 引入useContext  

  第二步 建立 createContext（）  

  第三步  而後 <xxxContext.Provider>

四、useReducer  相似 Reducx 的狀態管理工具；

  useReducer  （） 接受兩個參數 一個是 狀態 state  另一個是 action，用dispatch 觸發 這一個動做；

五、userMemo  至關於  shouldCompnentUpdate  eg：子組件裏面定義了一個方法， 父組件去觸發一個狀態 和子組件裏面的方法沒有關係，這時候子組件裏面的方法被觸發了；

  其實意思就是有沒有被修改，方法都被觸發了 ，這樣很損耗性能；

六、useRef 獲取DOM元素和保存變量；

7.自定義 HOOKS 函數組件

useState  設置狀態 變量

useCallback  改變狀態的方法

useEffect 監聽事件 和 return 裏面 解綁事件

詳細 請參考 ：https://jspang.com/detailed?id=50#toc231