React.js - テーブル内の配列オブジェクトを表示する

Question

マップ機能でアレイオブジェクトを表示できません。誰かが私になぜ教えてもらえますか？私がこのオブジェクトをコンソールに表示しようとすると、正しく表示されます。

class ProductsGrid extends React.Component { 
constructor(props) { 
    super(props); 
} 
render() { 
    return (<Table striped bordered condensed hover> 
     <thead> 
      <tr> 
       <th>Id</th> 
       <th>Name</th> 
       <th>Description</th> 
       <th>Url</th> 
      </tr> 
     </thead> 
     <tbody> 
      {this.props.products !== null ? 
       JSON.parse(this.props.products).map((product, index) => { 
        <tr> 
         {console.log(product.IdProduct)} 
         <td>{product.IdProduct}</td> 
         <td>{product.Name}</td> 
         <td>{product.Description}</td> 
         <td>{product.UrlFriendlyName}</td> 
        </tr> 
       }) : <tr><td></td><td></td><td></td><td></td></tr>} 
     </tbody> 
    </Table>); 
}} 

Answer 1

マップ関数にreturn文が必要です。