组件在useEffect作为componentDidMount运行之前呈现两次

Question

我正在努力减少渲染组件的数量。但是我不知道确切地在ReactJS中渲染触发器。我在useEffect作为componentDidMount之前看到了2个渲染触发器。之后，每当状态更改时，都会有2个渲染触发器。我不知道为什么组件只针对一种状态变化进行2次渲染。

我在github中的代码：https://github.com/quangkhaidam93/1653033-covid19-map/blob/master/src/components/covid-map/CovidMap.js 整个项目：https://github.com/quangkhaidam93/1653033-covid19-map

下面的图片显示了具有2个渲染触发器的控制台：

Answer 1

删除<React.StrictMode>组件。它应该可以解决问题。

This应该使您对该问题有更多的了解。