composition api和react hooks的對比

一.  我的走位:   保持中立

  1. 各有各的好處,  誰也別說誰

  2. 一個東西帶來了好處, 相應的副作用肯定也有, 人無完人

 

二 .  vue3 的composition api 和   react hooks 的對比

  1. composition api  中的 setup只會被調用一次;  react hooks 中的函數會被多次調用;

  2. react hooks 需要useMemo  useCallback ,  因為setup只會被調用一次;

  3. composition api不需要保證順序,  react hooks 要保證 hooks 順序 一致

  4. ref toRef  toRefs  reactive  比起 useState 太繁瑣了…

 

三 .  composition api 和  react hooks 裏面都有啥

  1. react hooks  中 目前 包含: (指不定以後還增加)

  

 

 

   2. composition api 目前 包含: (指不定以後還增加)

  

 

 

 

四.  兩者注意事項

  react hooks注意事項:

  1. useState初始化, 只有第一次有效

  2. useEffect 內部不能修改state

  3. useEffect 可能出現死循環 ( 依賴注入是引用類型 就會這樣 ) 

  composition api注意事項:

  1. 不建議和options api共用

  2. 小型項目,業務邏輯簡單可以用 options api,  沒必要 composition api

  3. composition api 屬於高階技巧了, 抽離函數 實現組件邏輯復用

 

五 . 大家有補充的話, 下方評論哈