React-从Firebase检索和打印数据

Question

我是React的初学者，我试图了解事物的工作方式。尝试尝试Firebase数据库，但我不了解其行为。

这里是CodeSandBox：https://codesandbox.io/s/react-and-firebase-d3elg

首先，当您打开页面时，您将在控制台中看到：

First ?undefined 
First ?undefined 
Second ?undefined 
Second ?undefined 

未定义的东西还可以，我稍后再讲，但是为什么打印两次？

然后，如果取消注释第24行，我强烈建议您不要使用：D，则会启动无限循环，非常激进。我原以为它会像在第10行上写的那样仅“触发”一次，但是显然不会。

有人可以帮助我理解吗？

非常感谢。

我是React的初学者，我试图了解事物的工作方式。我尝试使用Firebase数据库进行实验，但我不了解其行为。这是CodeSandBox：https：// codesandbox ....

Answer 1

您需要将要运行一次的任何代码放入具有空数组依赖项的useEffect内，以使其仅运行一次。