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

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

听话的麻辣香锅 · Add a new tab to the ...· 5 天前 ·

发怒的弓箭 · React Sidebar API ...· 5 天前 ·

腹黑的自行车 · Remove all tabs from ...· 5 天前 ·

有胆有识的香槟 · How To Create a ...· 5 天前 ·

帅气的木耳 · Tutorial: Connect API ...· 4 天前 ·

从容的镜子 · Format query results ...· 8 月前 ·

神勇威武的灌汤包 · mongodb 按条件 ...· 10 月前 ·

文质彬彬的打火机 · 第三方共享清单及SDK目录· 10 月前 ·

发财的煎饼果子 · Jmeter通过beanshell对http ...· 1 年前 ·

非常酷的风衣 · [Day09]Pandas索引的運用！ - ...· 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>

推荐文章

听话的麻辣香锅 · Add a new tab to the sidebar - React PDF Viewer

5 天前

发怒的弓箭 · React Sidebar API component - Syncfusion

5 天前

腹黑的自行车 · Remove all tabs from the sidebar - React PDF Viewer

5 天前

有胆有识的香槟 · How To Create a Location Aware Sidebar with React Router

5 天前

帅气的木耳 · Tutorial: Connect API | React Redux

4 天前

从容的镜子 · Format query results as JSON with FOR JSON - SQL Server | Microsoft Learn

8 月前

神勇威武的灌汤包 · mongodb 按条件 objectId删除数据命令_mob64ca12d0a366的技术博客_51CTO博客

10 月前

文质彬彬的打火机 · 第三方共享清单及SDK目录

10 月前

发财的煎饼果子 · Jmeter通过beanshell对http消息进行签名 - 小强找BUG - 博客园

1 年前

非常酷的风衣 · [Day09]Pandas索引的運用！ - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 年前

回答 1

Stack Overflow用户