为什么useEffect（）两次执行App（）函数

Question

我很困惑。

import React, { useEffect } from "react";

function App() {
  console.log("Simple");
  useEffect(() => {},[]);
  return (
    <div className="App">
      <h1>The App</h1>
    </div>
  );
}

export default App;

![And this is what console logs]

我不明白，自从控制台日志App()两次以来，为什么引入UseEffect会引起两次执行Simple的反应。