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

相关文章推荐

谦逊的硬币 · react ...· 1 周前 ·

苦闷的墨镜 · 属性“”isFetching“”在类型“”n ...· 1 周前 ·

八块腹肌的柠檬 · TypeScript和Reactjs中的滚动 ...· 1 周前 ·

奔放的松树 · react 深拷贝方法 - CSDN文库· 3 天前 ·

越狱的鼠标 · eslint - ...· 5 小时前 ·

朝气蓬勃的饼干 · 出现了C++ ...· 12 月前 ·

怕老婆的火柴 · python selenium删除操作 ...· 1 年前 ·

面冷心慈的手套 · 一文教你解决Python所有安装配置-腾讯云 ...· 1 年前 ·

英姿勃勃的酱牛肉 · 域用户配置文件 - 王哥哥哥哥 - 博客园· 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 hooks实现离开页面和刷新页面提示 - CSDN文库

1 周前

苦闷的墨镜 · 属性“”isFetching“”在类型“”never“”上不存在，但在扩展对象时有效_ngrx效果属性有效负载在类型never上不存在_Firebase函数在管理DataSnapshot时出现问题。“

1 周前

八块腹肌的柠檬 · TypeScript和Reactjs中的滚动事件类型是什么_React的TypeScript中的事件类型_typescript中的历史类型是什么？ - 腾讯云开发者社区 - 腾讯云

1 周前

奔放的松树 · react 深拷贝方法 - CSDN文库

3 天前

越狱的鼠标 · eslint - 代码规范性问题集锦_function declared in a loop contains unsafe refere-CSDN博客

5 小时前

朝气蓬勃的饼干 · 出现了C++ C26495警告，但我不知道如何解决-腾讯云开发者社区-腾讯云

12 月前

怕老婆的火柴 · python selenium删除操作 selenium删除页面元素_mob6454cc743894的技术博客_51CTO博客

1 年前

面冷心慈的手套 · 一文教你解决Python所有安装配置-腾讯云开发者社区-腾讯云

1 年前

英姿勃勃的酱牛肉 · 域用户配置文件 - 王哥哥哥哥 - 博客园

1 年前

聪明的柚子 · python删除文本最后一行_用python删除文件中的最后一行_枫叶天秋的博客-CSDN博客

1 年前

回答 1

Stack Overflow用户