當我剛接手 React 專案的時候,就對整體專案代碼看了一遍,其中就有一個命名為 customer-hooks,打開一看,全都是命名為 usexxx 的 jsx 檔案,后面了解到這是大佬們封裝的自定義 hook,
于是,今天就自己來總結一下對于 Custom React Hooks 一些思考,
自定義 Hook
以下來自 React 官網 關于自定義 Hook 的介紹:
與 React 組件不同的是,自定義 Hook 不需要具有特殊的標識,我們可以自由的決定它的引數是什么,以及它應該回傳什么(如果需要的話),換句話說,它就像一個正常的函式,但是它的名字應該始終以 use 開頭,這樣可以一眼看出其符合 Hook 的規則,
而對于 Hook 的規則:
- 不要在回圈,條件或嵌套函式中呼叫 Hook, 確保總是在你的 React 函式的最頂層以及任何 return 之前呼叫他們,
- 只在 React 函式中呼叫 Hook
自定義 Hook 封裝了一些邏輯代碼,并能夠把資料向下傳遞到渲染樹的操作,
啟動一個 react 專案
可以通過如下命令快速創建簡單 react 應用,詳細步驟可以參考官網,
npx create-react
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/305470.html
標籤:其他
上一篇:【React 系列 02】?? Custom Hooks 中使用 React Context
下一篇:十三張圖淺談Vue核心概念
