cotentful api 将内容类型映射到 reactjs 中的组件

Question

我正在使用 contentful api 获取新闻文章的内容，正文包含问题和答案等不同字段。我使用 api 将内容作为 json 获取，并将正文作为对象数组获取。

      "body": [
      {
        "question": "what's up?"
      },
      {
        "answer": "good good"
      }
    ],

我想知道是否可以将 body 数组中的每个字段映射到不同的反应组件并将正确的道具传递给该组件？

<div {...other}>
   {items.map((item, key) => (
     React.cloneElement(children, {
       key,
       ...item,
     })
   ))}
</div>

Answer 1

您想要实现的是基本上将您的 contentType 中的每个 type 字段（例如 Text LongText 等映射到反应组件。

如果是这种情况，您可以先请求您的 contentType 并遍历其字段，然后根据 type 属性将其映射到您的 React 组件，我们在 [=14] 中使用相同的方法=].

这段 snippet 代码将让您大致了解如何实现该目标。顺便说一句，该应用程序是使用 React 和 Redux 创建的，并且它与 contentful 中创建的任何类型的内容兼容。因此您可能会在那里找到更多对创建当前项目有用的东西。

最佳，

哈立德

cotentful api map content types to components in reactjs