嵌套对象更新测试为什么正常的

Question

  // test赋值
  const [test, setTest] = useState({
    a: {
      b: {
        c: {
          d: "我是d",
        },
      },
    },
  });
  // 按钮事件
  onClick={() => {
	  // 未使用Immer
     test.a.b.c.d = "我改了";
     setTest({ ...test });
  }}
  // 页面显示
  <div>{`a:${test.a.b.c.d}`}</div>!
  [点击前页面]
	 (https://img1.sycdn.imooc.com/szimg/5ca5036909bcae1509780539.jpg)
  [点击后状态正常更新了]
   (https://img1.sycdn.imooc.com/szimg/41123b6909bcae4409660551.jpg)

实际上state状态更改了，见截图

Answer 1

十三山入秋 2026-04-11 01:52:16

哈喽，

把 setTest({ ...test });  改成 ===> setTest(test);

试一下