React: hook(6) useMemo

最新推荐文章于 2023-06-25 16:14:54 发布

amadeus_liu2

最新推荐文章于 2023-06-25 16:14:54 发布

阅读量162

点赞数

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/amadeus_liu2/article/details/126501527

版权

React 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

import logo from './logo.svg';
import { Routes, Route, Link } from "react-router-dom";
import {react,useState,useEffect,useLayoutEffect,useContext,useReducer,useCallback,useMemo} from "react"
import './App.css';
import React from "react"



function Counter() {
  const [count,setCount] = useState(0);
  const memoizedValue = useMemo(() => {return count*count}, [count]);
  return (
    <>
      Count: {count}
      <button onClick={() => setCount(count-1)}>-</button>
      <button onClick={() => setCount(count+1)}>+</button>
      <button onClick={() => setCount(count)}>Keep</button>

      {memoizedValue}
    </>
  );
}



export default Counter;