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

Question

本节课计算总价时，在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
    });
  }

Answer 1

西门老舅 2023-05-06 10:24:27

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

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

• 提问者 Panda_io #1

  抱歉老师，粘错代码了，现在更正了，我理解没有造成死循环更新是因为PureComponent的缘故

• 西门老舅 回复 提问者 Panda_io #2

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