React 簡易實現 Vue computed計算屬性

//vue可以說是結合了一些react的優點，並在此基礎上進行封裝，兩者有很多相似之處。

要實現vue的computed，很簡單，useMemo屬性即可

//useMemo,useCallback
import React, { memo, useMemo, useCallback, useState } from 'react';

const App = memo(() => {
  const [count, setCount] = useState(0);
  let double = useMemo(() => {
    return count * 2
  }, [count]);   //double依賴於count，當count改變時，double自動改變，詳情可見我的useMemo文章 
  return (
    <div>
      <button onClick={()=>{setCount((count) => count + 1)}}>count+1</button>
    </div>
  )
})
export default App;

　　

前端很簡單，只要舉一反三，你就會發現前端框架原理都是一樣的，只要努力，芳香自來