React是否在钩子的依赖数组中应用了浅/深比较？开发者社区

相关文章推荐

温暖的便当 · React es6 ...· 2 天前 ·

爱笑的西红柿 · react typescript ...· 2 天前 ·

安静的棒棒糖 · NodeJS系列（9）- Next.js ...· 1 周前 ·

暴走的荒野 · 社区精选组件 - Ant Design· 2 周前 ·

奋斗的山楂 · 怎么在页面didMou ...· 2 周前 ·

讲道义的凉面 · 爷青回！苹果 Delta 模拟器 - ...· 16 小时前 ·

风流的凳子 · 左手封神榜右手美娇妻-西瓜视频· 4 周前 ·

霸气的猴子 · 金融机构接管制度研究· 2 月前 ·

有胆有识的冰棍 · 出差女同事酒店 - 搜狗图片搜索· 1 年前 ·

高大的椰子 · 合肥六安路小学翠微分校招生 - 抖音· 1 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

文章/答案/技术大牛

发布

const memoizedValue = useMemo(() => {
  // factory function
}, [obj]);

function App() {
  const [c, setC] = React.useState(0);
  const [obj, setObj] = React.useState({ prop: 10 });
  const forceRender = () => setC((c) => c + 1);
  const memoizedValue1 = React.useMemo(() => {
    console.log("`obj` dependency updated, recomputing value.");
    return obj.prop;
  }, [obj]);
  const memoizedValue2 = React.useMemo(() => {
    console.log("`obj.prop` dependency updated, recomputing value.");
    return obj.prop;
  }, [obj.prop]);
  const immutableHandler = () => {
    setObj(() => {
      console.log("Immutable update returns new object.");
      return { prop: 42 };
    forceRender();
  const mutableHandler = () => {
    setObj((obj) => {
      console.log("Mutable update returns same object with updated property.");
      obj.prop = 13; // DON'T DO THIS IN REAL CODE, IT'S A MUTATION!!
      return obj;
    forceRender();
  return (
    <div className="App">
        <div>memoizedValue1: {memoizedValue1} - memoizedValue2: {memoizedValue2}</div>
      <button type="button" onClick={immutableHandler}>
        Immutable Update
      </button>
      <button type="button" onClick={mutableHandler}>
        Mutable Update
      </button>
      <button type="button" onClick={() => setObj({ prop: 10 })}>
        Reset
      </button>
const rootElement = document.getElementById("root");
ReactDOM.render(
  <React.StrictMode>

推荐文章

温暖的便当 · React es6 数组对象去除重复_51CTO博客_es6遍历对象

2 天前

爱笑的西红柿 · react typescript 数组转json字符串 - CSDN文库

2 天前

安静的棒棒糖 · NodeJS系列（9）- Next.js 框架 (二) | 国际化 (i18n)、中间件 (Middleware) - 垄山小站 - 博客园

1 周前

暴走的荒野 · 社区精选组件 - Ant Design

2 周前

奋斗的山楂 · 怎么在页面didMou nt等待某组件加载完成， js ,react - CSDN文库

2 周前

讲道义的凉面 · 爷青回！苹果 Delta 模拟器 - 免费开源在 iPhone 上玩 GBA / NDS / FC / N64 等游戏 - 异次元软件下载

16 小时前

风流的凳子 · 左手封神榜右手美娇妻-西瓜视频

4 周前

霸气的猴子 · 金融机构接管制度研究

2 月前

有胆有识的冰棍 · 出差女同事酒店 - 搜狗图片搜索

1 年前

高大的椰子 · 合肥六安路小学翠微分校招生 - 抖音

1 年前

回答 1

Stack Overflow用户