react组件执行两次问题

无意中发现react渲染执行两次,开始以为是代码写错了,后来去网上查找发现原来并不是一个bug。
React 在 开发环境下会刻意执行两次渲染,以防止组件内有什么 side effect 引起 bug,提前预防。
这里官方github上有作出解释:

从代码中来看

let a = 0
class App extends React.Component {

  render() {
    a = a + 1
    console.log(`运行${a}次`)
    return (
      <div></div>
    )
  }
}

控制台显示结果运行了两次。

本文由乐趣区整理发布,转载请注明出处,谢谢。

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据