javascript - ContentfulAPI 不呈现博客数据

Question

我正在使用 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：{元数据：{...}，系统：{...}，字段：{...}}

有任何想法吗？

标签： javascriptreactjscontentfulcontentful-api