[問題] React數據流的問題
我知道React數據更新是父組件的state改變,
所有子組件都會重新render,
現在父組件上有一個簡單的開關,
點一下紅色再點一下變綠色這種,
1.以前用class在所有子組件上,
寫shouldComponentUpdate停止子組件因此重新render,
現在改用hook要怎麼寫?
2.接著我嘗試了Redux統一所有state在store裡,
那麼這個小開關的state,我該分開用hook嗎?
還是不論大小所有組件的state都放在store裡?
3.現在我又嘗試了ReduxToolkit + React-Redux,
以前用connect獲取store的state跟dispatch action出去,
現在改用useSelector跟useDispatch了,這兩個可以理解redux的hook版?
那又是相同的問題...
就是怎麼讓,只有改變相關數據的父組件更新,沒改變的子組件不用更新render
總結來說,我遇到的問題來源就是
class未來要逐步被淘汰了?那以往寫在class裡面的生命週期函數要怎麼處理?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.161.37.11 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1654524440.A.35B.html
→
06/07 06:31,
2年前
, 1F
06/07 06:31, 1F
→
06/07 06:37,
2年前
, 2F
06/07 06:37, 2F
→
06/07 06:37,
2年前
, 3F
06/07 06:37, 3F
→
06/07 06:38,
2年前
, 4F
06/07 06:38, 4F
推
06/22 11:46,
2年前
, 5F
06/22 11:46, 5F
→
06/22 11:46,
2年前
, 6F
06/22 11:46, 6F
→
06/22 11:47,
2年前
, 7F
06/22 11:47, 7F
→
06/22 11:49,
2年前
, 8F
06/22 11:49, 8F
→
06/22 11:50,
2年前
, 9F
06/22 11:50, 9F
推
06/22 15:35,
2年前
, 10F
06/22 15:35, 10F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章