0

我正在尝试从我的托管数据库中获取数据。数据库本身正在工作（我已经从 swagger 应用程序中检查过它），但是从 API 表单调​​用它时没有显示任何数据。

import React from 'react';

export const getStaticPaths = async () => {
    const res = await fetch('https://[server]/course');
    const data = await res.json();

    const paths = data.result.map(course => {
        return {
            params: { id: course._id.toString() }
        }
    })

    return {
        paths,
        fallback: false
    }
}

export const getStaticProps = async (context) => {
    const id = context.params.id;
    const res = await fetch('https://[server]/course/' + id);
    const data = await res.json();

    return {
        props: { course: data }
    }
}

const Details = ({ course }) => {
    return (
        <div>
            <h1> { course.course_name } </h1>
            <h1>a</h1>

        </div>
    );
}
 
export default Details;

代码在 pages 文件夹中。我按照“netninja”在 youtube 上的教程进行操作，当我在他的代码上尝试它时，它可以工作。我在某处读到它不适用于组件，但我已经将它放在页面上，但它仍然没有返回任何内容。

有什么我可以做的吗？

4

1 回答 1

0

我得到了答案。检查console.log 后的数据。看起来数据在另一个称为结果的数组上。所以我需要从 course.result.course_name 中调用数据。所以答案就是每隔一段时间检查一次console.log。大声喊叫 juliomalves 指出这一点

于 2021-08-15T18:27:18.963 回答