reactjs js 13 map不是一个函数

fdbelqdn 于 2022-11-04 发布在 React

关注(0)|答案(1)|浏览(127)

我正在使用实验性的next.js（ver.13）试图了解我的代码有什么问题...因为我没有得到任何东西，我只是按照文档。
它错误：photos.map不是函数

async function getPhotos() {
  const res = await fetch('https://jsonplaceholder.typicode.com/photos');
  return res.json();
}

export default function Photos() {
  const photos = getPhotos();

  return (
    <div>
      {photos.map((photo) => {
        return <div key={photo.id}>{photo.title}</div>;
      })}
    </div>
  );
}

reactjs

来源：https://stackoverflow.com/questions/74295798/experimental-next-js-13-map-is-not-a-function

1条答案

按热度按时间

zwghvu4y1#

让Photos组件也异步。在photos数组上使用条件链接?.也是一个好主意，这样无论在什么情况下它都是未定义的，它都不会抛出错误

async function getPhotos() {
  const res = await fetch('https://jsonplaceholder.typicode.com/photos');
  return res.json();
}

export default async function Photos() {
  const photos = await getPhotos();

  return (
    <div>
      {photos?.map((photo) => {
        return <div key={photo.id}>{photo.title}</div>;
      })}
    </div>
  );
}

赞(0）回复(0）举报 2022-11-04

我来回答

reactjs js 13 map不是一个函数

1条答案

相关问题

热门标签

最新问答