React hooks 和 Class Component 的效能哪乙個更好?

時間 2021-05-29 23:33:28

1樓:伏兮

效能的話其實都差不多的都是走diff演算法,然後走dom的渲染, hooks是好在用函式式程式設計的同時,又提供了,狀態管理, 讓前端開發更方便

2樓:Ray Yee

React hooks 基本上就是為了讓 Pure Function Component 可以 State 和 Side Effect 而出現的。

我就悶了,我Side Effect了,還怎麼Pure。

我就是想Pure的元件才寫成Function Component的。

我Side Effect的邏輯,用Class、OOP、Lifecycle他不夠直觀?他不香嗎?

3樓:

有差距的,這裡我簡單測試了下,相同功能的兩個元件,每次 forceUpdate,hooks 大約需要 1.5ms 左右,class 元件大約需要 1ms 左右,但是還不能確定是不是因為常數的問題,還是說有固定消耗。等後面有時間再仔細測試下

4樓:hhh rainman

極端情況下,hooks效能優於非hooks(包括FunctionComponent和ClassComponent)

這裡的效能指的是在有key的情況下,頻繁操作極大數量的dom節點(比如對乙個類似知乎的無限滾動條列表頻繁進行重新整理),所耗費的時間和記憶體,差距大概30%

除這種情況以外,效能差距可以忽略

詳細效能測試見:

5樓:程墨Morgan

授人以魚不如授人以漁。

效能哪個更好?兩種方式都實現一遍,比較一下效能就知道結果。

可讀性哪個更好?找乙個不相干的人讓他看,他說哪個更容易讀懂哪個可讀性就更好。

React Hooks 如何使用迴圈和判斷呢?

夏呂俊 import from xialvjun react element version 1 使用 react hooks 得到 FooState 元件 const FooState return children const FooList genc function return versi...

React Hooks 深入剖析 useMemo 和 useEffect

長島冰茶 以我的理論觀點來回答一下。情感方面 不自信,經濟方面 不完善,身體方面 不允許對於物件 未出現 對於結婚的態度分為三類 一,結婚是壞,所以不想 以經歷和身邊案例,出軌三觀不合爭吵比比皆是。二,結婚是好,但是不敢 時間精力 身材職業興趣愛好等被消耗 孩子開支離婚財產分割等經濟問題 人際關係和...

so that和such that和too,to的區別?

風zz 1 so that 引導目的狀語從句。意思是 以便,為了 so 形容詞或副詞原形 that 引導結果狀語從句。意思是 如此 以致 此時可與too.to.互用。2 such a an 形容詞 名詞單數 that,或such 形容詞 不可數名詞或複數名詞 that 意思是 如此 以致 3 too...