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

相关文章推荐

小胡子的松鼠 · React中如何使用动态组件（Dynamic ...· 6 天前 ·

爱看书的签字笔 · react经验4:动态组件_react动态组 ...· 6 天前 ·

有腹肌的机器猫 · React / ...· 6 天前 ·

深情的大蒜 · React动态加载组件.真|键盘|key|r ...· 6 天前 ·

性感的饼干 · React.lazy()与Suspense： ...· 6 天前 ·

年轻有为的猴子 · Win10 安装 ...· 5 月前 ·

不羁的山羊 · 在Python中释放内存的简单方法· 7 月前 ·

慷慨大方的保温杯 · 使用 Access SQL ...· 10 月前 ·

重感情的丝瓜 · Selenium只从当前父级获取子元素。-腾 ...· 1 年前 ·

会开车的滑板 · python递归查询字典 python ...· 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中如何使用动态组件（Dynamic Component）与JSX-CSDN博客

6 天前

爱看书的签字笔 · react经验4:动态组件_react动态组件-CSDN博客

6 天前

有腹肌的机器猫 · React / JSX动态组件名称-腾讯云开发者社区-腾讯云

6 天前

6 天前

性感的饼干 · React.lazy()与Suspense：实现按需加载的动态组件——深入理解代码分割、提升首屏速度和优化用户体验的关键技术-阿里云开发者社区

6 天前

年轻有为的猴子 · Win10 安装 .NetFramework 4.7 (SourceTree)_win10 安装net4.7-CSDN博客

5 月前

不羁的山羊 · 在Python中释放内存的简单方法

7 月前

慷慨大方的保温杯 · 使用 Access SQL 定义表之间的关系 | Microsoft Learn

10 月前

重感情的丝瓜 · Selenium只从当前父级获取子元素。-腾讯云开发者社区-腾讯云

1 年前

会开车的滑板 · python递归查询字典 python 递归_mob6454cc76bc4a的技术博客_51CTO博客

1 年前

回答 1

Stack Overflow用户