副作用(Side Effect)是指函數或者表達式的行為依賴於外部世界。具體可參照Wiki上的定義，副作用是指 1)函數或者表達式修改了它的SCOPE之外的狀態 2)函數或者表達式除了返回語句外還與外部世界或者它所調用的函數有明顯的交互行為 對於1)而言，考慮如下函數定義： int ...

Similar to the State Hook, the Effect Hook is “first-class” in React and handy for performing side effects in function components. The Effect Hook ...

前面的話   變形transform本來是一個用來處理移動、旋轉、縮放和傾斜等基本操作的CSS3屬性，但該屬性除了完成其本職工作之后，還對普通元素造成了意想不到的影響，本文將詳細介紹transform對元素造成的四個副作用 z-index   在定位中的堆疊z-index中曾經提到 ...

我們都知道定義組件有兩個要求： 組件名稱必須以大寫字母開頭 組件的返回值只能有一個根元素 什么是函數組件▼ 函數組件接收一個單一的 props 對象並返回了一個React元素，如下圖 ...

寫在開頭 React Hooks在我的上一個項目中得到了充分的使用，對於這個項目來說，我們跳過傳統的類組件直接過渡到函數組件，確實是一個不小的挑戰。在項目開發過程中也發現項目中的其他小伙伴（包括我自己）有時候會存在使用不當的情況，因此對官方的幾個鈎子函數做一個較為全面的總結。 函數式組件出現 ...

溫馨提示： 舉個實際的例子：子組件中修改父組件的 state 一般的做法是將父組件的方法比如 setXXX 通過 props 的方式傳給子組件，而一旦子組件多層級的話，就要層層透傳。 使用 Context 的方式則可以免去這種層層透 ...

react hook發布也已經有幾個月了，相信有部分人已經開始使用了，還有些人在猶豫要不要用，可能更多人安於現狀，沒有要用的打算，甚至還有很多公司的react版本是15或以下的，迫於升級的難度沒有使用。以我個人的觀點，要不要使用react hook呢？ 建議用的的人 項目react ...

我們知道在react中，常用props實現子組件數據到父組件的傳遞，但是父組件調用子組件的功能卻不常用。文檔上說ref其實不是最佳的選擇，但是想着偷懶不學redux，在網上找了很多教程，要不就是hook的講的太少，要不就是父子組件傻傻分不清，於是只好再啃了一下文檔，就學了一下其它hook的api ...