获取数据请求以嵌套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.
}

供您参考