だから私は、次のしているJSX

Question

にforeachループ内のIf-else文を（リアクト）：

// Build the component HTML. 
return (
    <dl className={ classes }> 

    {items.map((item, index) => 
     { item.type === 'dd' ? 
     <dd key={ index } index={ index }>{ item.text }</dd> 
     : 
     <dt className="search-result__description-list__description" key={ index } index={ index }>{ item.text }</dt> 
     } 
    )} 

    </dl> 
); 

問題：何もレンダリングされません。データはitemsにあります。 if-elseステートメントを使わずにコンテンツをログするだけで、データも返されます。しかし、if-elseステートメントを使用すると何も表示されません。エラーエーテルはありません。

どのような考えですか？

Answer 1

あなたが同じロジックで、このフィドルを見ることができますリターン声明に

// Build the component HTML. 
return (
    <dl className={ classes }> 

    {items.map((item, index) => 
     { return item.type === 'dd' ? 
     <dd key={ index } index={ index }>{ item.text }</dd> 
     : 
     <dt className="search-result__description-list__description" key={ index } index={ index }>{ item.text }</dt> 
     } 
    )} 

    </dl> 
); 

を忘れてしまった： https://jsfiddle.net/69z2wepo/94452/

Answer 2

ブロック構文を使用した場合、問題は、あなたの矢印機能である（以下{}s矢印）、returnキーワードを使用して戻り値を指定する必要があります。