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

Question

从API提取数据时遇到问题，并且出现此错误。我已经在下面附加了JSON格式，因为我认为这是我的结构存在的问题。当我对嵌套在数组中的对象使用其他res URL时，它可以工作。但是对于我的数据，事实并非如此。有人可以帮我吗？

“ Index.getInitialProps（）”应解析为一个对象。但是却发现未定义”

import Layout from '../comps/Layout';
import Link from 'next/link';
import fetch from 'isomorphic-unfetch';

const Index = props => (
<Layout>
    //List of movies here
</Layout>
);

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}`)

}

export default Index;

Answer 1

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.
}

针对您的reference