Почему компонент вызывается дважды в Next. js?

Question

Это мой pages/index.js моего next.js проекта

const Index = () => {
  console.log('Index Component Called');
  return (
    <div>Hello</div>
  )
}

export default Index;

Функция журнала консоли вызывается дважды на стороне CLIENT и один раз на следующем. js SERVER

Answer 1

Я думаю, потому что Pages в next.js отображаются на стороне сервера (или предварительно отображаются).
Так что в этом случае, когда next. js отображает вашу страницу (на стороне сервера), скрипт будет console.log("Index Component Called") затем на вашем внешнем интерфейсе реагирует увлажняющий , поэтому весь код, поступающий с сервера, должен быть выполнен снова.
В следующем. js вы можете выполнить код на стороне сервера внутри getInitialProps, а в только страницы, а не компоненты.