react-hook學(xué)習(xí)筆記

1.通過在函數(shù)組件內(nèi)調(diào)用hook,來給組件增加一些內(nèi)部state。

2.useState會返回一對值,當前狀態(tài)和一個讓你更新讓的函數(shù)

什么是hook

Hook 是一些可以讓你在函數(shù)組件里“鉤入” React state 及生命周期等特性的函數(shù)。Hook 不能在 class 組件中使用 —— 這使得你不使用 class 也能使用 React。

什么時候我會用 Hook??

如果你在編寫函數(shù)組件并意識到需要向其添加一些 state,以前的做法是必須將其轉(zhuǎn)化為 class。現(xiàn)在你可以在現(xiàn)有的函數(shù)組件中使用 Hook。


hook的使用規(guī)則

只在最頂層使用 Hook

不要在循環(huán),條件或嵌套函數(shù)中調(diào)用 Hook,?確保總是在你的 React 函數(shù)的最頂層調(diào)用他們。遵守這條規(guī)則,你就能確保 Hook 在每一次渲染中都按照同樣的順序被調(diào)用。這讓 React 能夠在多次的?useState?和?useEffect?調(diào)用之間保持 hook 狀態(tài)的正確。(如果你對此感到好奇,我們在下面會有更深入的解釋。)

只在 React 函數(shù)中調(diào)用 Hook

不要在普通的 JavaScript 函數(shù)中調(diào)用 Hook。你可以:

? 在 React 的函數(shù)組件中調(diào)用 Hook

? 在自定義 Hook 中調(diào)用其他 Hook?

遵循此規(guī)則,確保組件的狀態(tài)邏輯在代碼中清晰可見。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。