我正在用Next.js制作一个小型Web应用程序，我不知道为什么，但是当我使用组件时，getServerSideProps()没有运行。我以前在/pages的页面上有以下代码，但我将其移动到作为组件使用。

export const getServerSideProps = async () => {
  console.log("in getServerSideProps") // never shows
  let bans = await fetch('http://localhost:3000/api/get_bans').then((res) => {
    return res.json();
  })

  return {
    props: { bans: bans }
  }

}

const BansList = (listName, bans) => {
  
  bans = bans.bans
  console.log(bans) // undefined
  
  return (
    <h1>test</h1>
  )

}

我已经把代码剥离了，以方便地显示错误所在。当我使用它作为组件时，getServerSideProps没有运行，所以bans总是未定义的。