我正在使用 Contentful 的 API 来构建博客,那里有两篇博客文章,我正在尝试使用 .map() 将它们呈现出来。出于某种原因,如果我使用 .map() 对它们进行控制台记录,它可以工作,但如果我使用 HTML 渲染它们则不行。
我正在使用获取:
useEffect(() => {
fetch("http://cdn.contentful.com/xyz")
.then(response => response.json())
.then(data =>
setBlogs(data.items)
)
}, [])
return (
<div>
<h1 className="header">Blog</h1>
{blogs.map((blog) => {
<Article key={blog.id} title={blog.fields.title} />
})}
</div>
)
这就是我在控制台中得到的:
(2) [{…}, {…}]
(2) [{…}, {…}]
0:{元数据:{...},系统:{...},字段:{...}} 1:{元数据:{...},系统:{...},字段:{...}}
有任何想法吗?