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

Question

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

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

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

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

score 0 · Accepted Answer

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

如果是这种情况，您可以首先请求您的 contentType 并遍历其字段，并根据type属性将其映射到您的反应组件，我们在我们的发现应用程序中使用相同的方法。

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

最好的，

哈立德

1 回答 1