Javascript 从NextJS中的组件获取数据

嗨，如果这个问题太基本，我很抱歉。但我最近开始学习React和NextJS。我正在创建一个简单的应用程序，获取一些数据并将其显示在主页上。我的组件文件中有两个函数。我在index.js中导入了该组件文件，并将其用作合成。错误表示映射正在返回未定义的数据

//Names.js组件
export const getStaticProps=async（）=>{
const prisma=新PrismClient（）
const name=wait prisma.name.findMany（）
返回{
道具：{
名字
}
}
}
函数数据（{names}）{
返回(

{names.map（（名称列表）=>(
{namelist.title}
))}

)
}
导出默认数据
//Index.js
导出默认函数Home（）{
返回(
)
}

getStaticProps

只能从页面调用，不能从组件调用。您需要将其移动到

Index.js

（假设它位于

/pages

文件夹下）

//Index.js
导出默认函数Home（{names}）{
返回(
)
}
export const getStaticProps=async（）=>{
const prisma=新PrismClient（）
const name=wait prisma.name.findMany（）
返回{
道具：{
名字
}
}
}

//Names.js组件
函数数据（{names}）{
返回(

{names.map（（名称列表）=>(
{namelist.title}
))}

)
}
导出默认数据

getStaticProps

只能从页面调用，不能从组件调用。您需要将其移动到

Index.js

（假设它位于

/pages

文件夹下）

//Index.js
导出默认函数Home（{names}）{
返回(
)
}
export const getStaticProps=async（）=>{
const prisma=新PrismClient（）
const name=wait prisma.name.findMany（）
返回{
道具：{
名字
}
}
}

//Names.js组件
函数数据（{names}）{
返回(

{names.map（（名称列表）=>(
{namelist.title}
))}

)
}
导出默认数据

names变量是否准确地获取请求后的数据？如果我在index.js文件中使用它。然后我可以获取名称我的意思是，从您的请求“const names=await prisma.name.findMany（）”数据可能不包括在names变量中；不需要

props

key您可以尝试在

getStaticProps

中记录

name

。可能是您从

prisma

side正确获取数据的问题。names变量在请求后是否准确获取数据？如果我在index.js文件中使用它。然后我可以获取名称我的意思是，从您的请求“const names=await prisma.name.findMany（）”数据可能不包括在names变量中；不需要

props

key您可以尝试在

getStaticProps

中记录

name

。可能是您从

prisma

侧正确获取的问题