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

link之家

链接快照平台

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

相关文章推荐

鬼畜的登山鞋 · react循环调用useState同步处理方 ...· 4 周前 ·

痴情的铁板烧 · 前端開發環境 + React + TS - ...· 2 周前 ·

坚强的南瓜 · Day ...· 2 周前 ·

时尚的楼梯 · react-native开发总结之TextI ...· 2 周前 ·

成熟的梨子 · React ...· 2 周前 ·

不拘小节的黄花菜 · layui ...· 2 年前 ·

一身肌肉的充值卡 · Process.Kill 方法 ...· 2 年前 ·

难过的水龙头 · js字典转列表 - OSCHINA - ...· 2 年前 ·

耍酷的回锅肉 · Kotlin基础学习之位运算 - ...· 2 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 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循环调用useState同步处理方案 - 漫思

4 周前

痴情的铁板烧 · 前端開發環境 + React + TS - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 周前

坚强的南瓜 · Day 16：打造用戶體驗良好的TextInput - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 周前

时尚的楼梯 · react-native开发总结之TextInput失去焦点触发事件和TextInput间切换_react-native中input框,点击其他地方会失焦

2 周前

成熟的梨子 · React Native之弹框存在TextInput，输入框有焦点情况下需要点击两次才可触发事件-解决_react 输入框有焦点,点击其他按钮需要点两下才行

2 周前

不拘小节的黄花菜 · layui 之前端分页_51CTO博客_layui table 分页

2 年前

一身肌肉的充值卡 · Process.Kill 方法 (System.Diagnostics) | Microsoft Learn

2 年前

难过的水龙头 · js字典转列表 - OSCHINA - 中文开源技术交流社区

2 年前

耍酷的回锅肉 · Kotlin基础学习之位运算 - 腾讯云开发者社区-腾讯云

2 年前

回答 1

Stack Overflow用户