Javascript 获取数据请求到嵌套JSON对象错误-React/Next.JS

Javascript 获取数据请求到嵌套JSON对象错误-React/Next.JS,javascript,json,reactjs,next.js,Javascript,Json,Reactjs,Next.js,我从API中获取数据时遇到问题,出现此错误。我在下面附上了JSON格式,因为我认为这是我的结构的一个问题。当我对嵌套在数组中的对象使用不同的res-URL时,它会起作用。但根据我的数据,情况并非如此。有人能帮我吗 “Index.getInitialProps()”应解析为对象。但却发现未定义“ 从“../comps/Layout”导入布局; 从“下一个/链接”导入链接; 从“同构取消蚀刻”导入提取; 常量索引=道具=>( //这里有电影列表 ); Index.getInitialProps=异步

我从API中获取数据时遇到问题,出现此错误。我在下面附上了JSON格式,因为我认为这是我的结构的一个问题。当我对嵌套在数组中的对象使用不同的res-URL时,它会起作用。但根据我的数据,情况并非如此。有人能帮我吗

“Index.getInitialProps()”应解析为对象。但却发现未定义“

从“../comps/Layout”导入布局;
从“下一个/链接”导入链接;
从“同构取消蚀刻”导入提取;
常量索引=道具=>(
//这里有电影列表
);
Index.getInitialProps=异步函数(){
const res=等待取数('https://www.what-song.com/api/recent-movies')
const data=await res.json()
log(`Data:${Data}`)
}
出口违约指数;

基本上,
getInitialProps
方法应该设置组件的初始
props
。但是,在您的情况下,您没有返回任何内容

因此,将代码更改为

Index.getInitialProps = async function() {
    const res = await fetch('https://www.what-song.com/api/recent-movies')
    const data = await res.json()

    console.log(`Data: ${data}`)
    return { data }; // <-- set whatever key you want.
}
Index.getInitialProps=异步函数(){
const res=等待取数('https://www.what-song.com/api/recent-movies')
const data=await res.json()
log(`Data:${Data}`)

return{data};//代码结构有点奇怪……你能发布使用索引组件的代码吗?另外,我认为你不能在react中附加这样的函数,除非你使用的是类。(我说的是你创建
getInitialProps
Index.getInitialProps = async function() {
    const res = await fetch('https://www.what-song.com/api/recent-movies')
    const data = await res.json()

    console.log(`Data: ${data}`)
    return { data }; // <-- set whatever key you want.
}