這些列表項爲什麼沒有呈現？

Question

有一段代碼

 <ul className="product-tags-list"> 
     { 
      _(issueDisplayOrders).map((severity, index) => 
       <li key={index}> 
        {issueCounts[severity]} {severity} 
       </li> 
      ) 
     } 
     </ul> 

其中issueDisplayOrders就像

const issueDisplayOrders = ['Critical', 'Error', 'Warning', 'Information']; 

和issueCounts就像

issueCounts: PropTypes.shape({ 
    Critical: PropTypes.number.isRequired, 
    Error: PropTypes.number.isRequired, 
    Warning: PropTypes.number.isRequired, 
    Information: PropTypes.number.isRequired 
}) 

，但該ul是越來越呈現空

<ul class="product-tags-list"></ul> 

根據我的單元測試。任何想法爲什麼？我猜我在某個地方犯了一些菜鳥的錯誤。

Answer 1

如果你不使用lodash，地圖會是這樣的：

{ 
    issueDisplayOrders.map((severity, index) => (
    <li key={index}> 
     {`${issueCounts[severity]}${severity}`} 
    </li> 
)); 
} 

如果您使用lodash，則：

{ 
    _.map(this.props.selectedResponse, (severity, index) => (
    <li key={index}> 
     {`${issueCounts[severity]}${severity}`} 
    </li> 
)); 
}