**已关闭。**此问题为not reproducible or was caused by typos。目前不接受答复。
此问题是由打印错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
2天前关闭。
Improve this question
它们都在不同的文件中。我得到的错误是Unhandled Runtime Error Error:userData.map不是函数
getAllData.tsx
import axios, { AxiosError } from "axios";
export default async function getAllData() {
const url = "https://search-practice-backend.vercel.app/api/v1/search";
try {
const { data } = await axios.get(url);
return data as AllData[];
} catch (error: unknown) {
if (error instanceof AxiosError) {
console.log(error.response);
}
throw error;
}
}
types.d.ts
type AllData = {
_id: string;
title: string;
cost: number;
promote: boolean;
grade: number;
madeAt: string;
seller: string;
};
**DisplayFullData.tsx *
import getAllData from "@/lib/getAllData";
export const DisplayFullData = async () => {
const userData: AllData[] = await getAllData();
console.log("Hello");
const content = (
<main>
{userData.map((item) => {
return (
<>
<h4 key={item._id}>{item.title}</h4>
</>
);
})}
</main>
);
return content;
};
import styles from "./page.module.css";
import { DisplayFullData } from "./components/DisplayFullData";
export default function Home() {
return (
<main className={styles.main}>
<DisplayFullData />
</main>
);
}
这是正在尝试提取的数据的结构
{"final":[{"_id":"648d124e7111d378381e1d6d","title":"Movie","cost":452,"promote":true,"grade":3,"madeAt":"2023-06-17T01:54:17.725Z","seller":"big mike","__v":0},{"_id":"648d124e7111d378381e1d6e","title":"Clock","cost":5,"promote":false,"grade":2,"madeAt":"2023-06-17T01:54:17.725Z","seller":"don","__v":0},{"_id":"648d124e7111d378381e1d69","title":"Cup","cost":306,"promote":false,"grade":1,"madeAt":"2023-06-17T01:54:17.725Z","seller":"made","__v":0},{"_id":"648d124e7111d378381e1d6c","title":"Donkey","cost":200,"promote":true,"grade":5,"madeAt":"2023-06-17T01:54:17.725Z","seller":"big mike","__v":0},{"_id":"648d124e7111d378381e1d6a","title":"Bike","cost":456,"promote":false,"grade":1,"madeAt":"2023-06-17T01:54:17.725Z","seller":"ck ventures","__v":0},{"_id":"648d124e7111d378381e1d68","title":"Jacket u-model","cost":29,"promote":false,"grade":3,"madeAt":"2023-06-17T01:54:17.725Z","seller":"don","__v":0},{"_id":"648d124e7111d378381e1d63","title":"Bag","cost":74,"promote":true,"grade":3,"madeAt":"2023-06-17T01:54:17.725Z","seller":"ck ventures","__v":0},{"_id":"648d124e7111d378381e1d64","title":"Shoe","cost":144,"promote":false,"grade":1,"madeAt":"2023-06-17T01:54:17.725Z","seller":"ck ventures","__v":0},{"_id":"648d124e7111d378381e1d67","title":"Jacket y-model","cost":20,"promote":false,"grade":4,"madeAt":"2023-06-17T01:54:17.725Z","seller":"don","__v":0},{"_id":"648d124e7111d378381e1d6b","title":"Camel","cost":456,"promote":true,"grade":1,"madeAt":"2023-06-17T01:54:17.725Z","seller":"big mike","__v":0}],"nbHits":10}
1条答案
按热度按时间x6h2sr281#
错误发生在getAllData()中。它应该返回data.final而不是数据