javascript - React 正在执行自己添加，奇怪的行为，寻求指导和解释

Question

我试图更多地了解 React，所以我做了一些非常简单的测试。

我知道我的测试不是反应做事的方式，但由于它仍然是 Javascript，我只是为了好奇而测试一切是如何工作的。

我在 react 组件之外声明了一个变量，每次函数组件渲染时，它都会给变量加 1。

我通过使用按钮激活重新渲染，该按钮将激活增加功能然后使用 setState 从而导致组件重新渲染。

我注意到的是 a 变量加了 1 两次，我在它之前和之后放了 2 个 console.log 来监控它。我可以看到有一个添加执行，但是另一个添加来自哪里？渲染后的后添加应该与下一轮添加前的值相同。

请参阅代码，提前感谢任何更深入的理解。

标签： javascriptreactjsfrontend

Answer 1

感谢您的帮助，删除严格模式后，应用程序现在可以正常运行。