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;

　　

前端很简单，只要举一反三，你就会发现前端框架原理都是一样的，只要努力，芳香自来