这些列表项为什么没有呈现？

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> 
)); 
}