请问老师为何此处没有循环更新

来源：14-22 简易购物车的综合案例

Panda_io

2023-05-05

本节课计算总价时，在dom更新后执行了这个钩子函数，但是在钩子函数里又更新了dom为何没有造成死循环而是只调用了一次呀？

   componentDidUpdate = () => {
    this.computedAll()
  }
  computedAll = () => {
    let all = 0;
    this.state.list.filter((v)=> v.isActive).forEach((v)=>{
      all += v.price * v.number;
    })
    this.setState({
      all
    });
  }

写回答

1回答

西门老舅

2023-05-06

你好，componentDidMount是初始的钩子，当数据改变后，并不会再次触发这个钩子。

数据改变后，只会触发componentDidUpdate和render这两个钩子

西门老舅

Panda_io

没事没事，有问题留言就好

2023-05-06

共2条回复

Vue3 + React18 + TS4入门到实战系统学习3大热门技术

专为初级前端人员设计，系统性学习三大技术

261 学习 · 182 问题

查看课程

相似问题

请问下老师，后面的实战项目，有用到 vite + pinia 吗，想学习下实际应用

回答 1

useState 使用问题

回答 2

请问老师<Form.Item>是什么写法？

回答 1

你好老师，麻烦看下这个问题，我用的React版本是18.3.1,在引用ant Design组件时，出现了一个很奇怪的问题

回答 1

老师您好，vue.config.js中报错TypeError: defineConfig is not a function如何解决

回答 1

打开慕课网App查看更多内容