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

Question

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

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

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

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

Answer 1

您希望实现的目标是将您的contentType中的每个type字段基本映射到Text LongText等......反应组件。

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

此snippet代码将为您提供有关如何实现这一目标的大致想法。 BTW应用程序是使用react和redux创建的，它与contentful中创建的任何类型的内容兼容。因此，您可以在那里找到更多有用的东西来创建当前项目。

最佳，

物语