在 Next.JS 应用程序中，您会看到组件的代码在服务器和客户端上运行。

因此，如果您有以下代码：

const Title = () => {
  console.log('--> Hello')

  return (<h1>Some title</h1>)
}

并且您在开发环境 ( npm run dev) 中运行它，您将看到该console.log语句打印到终端中的服务器以及浏览器的控制台。

那么首先，这里发生了什么？为什么页面上的所有代码在每次页面加载时都在两个地方运行？

Next.JS 不会向浏览器发送一个预编译的 HTML 文件吗？console.log即使我们不在getServerSideProps或类似的情况下，该语句为什么会在服务器中运行？

现在，这可能是我忽略的 React 的一个核心特性，所以请告诉我它是否只是在 Next.JS 中表现出来的