反応のあるコンポーネントに巧妙なAPIのコンテンツタイプをマップする

Question

ニュース記事のコンテンツを取得するために気の利いたAPIを使用しています。本体には質問と回答のような異なるフィールドが含まれています。私はJSONとしてコンテンツを取得するためにAPIを使用し、私はオブジェクトの配列としてボディを取得します。

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

ボディ配列内の各フィールドを異なる反応コンポーネントにマップし、そのコンポーネントに正しいプロップを渡すことができるのだろうか？あなたが達成したい何

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

Answer 1

は基本的にTextLongTextなどのようなあなたのcontentType内のフィールドの各type ...反応する構成要素へのマッピングです。

それはあなたが最初にあなたのcontentTypeを要求し、私たちは私たちのdiscovery appに同じアプローチを使用して、あなたの反応コンポーネントにそのフィールドを通過し、typeプロパティマップに基づいて可能性の場合なら。

このコードsnippetは、これを達成する方法の概要を示します。 BTWはreactとreduxを使用して作成され、contentfulで作成されたあらゆるタイプのコンテンツと互換性があります。あなたの現在のプロジェクトを作成するためにもっと便利なものが見つかるでしょう。

ベスト、

ハレド