仅在索引0和3处渲染

问题描述

所以我有这个代码

{(type === 'NEW') 
          && (index === 0)
          && <hr className={styles.hr}/>}
{(type === 'NEW') 
          && (index === 3)
          && <hr />}

我的问题是，如何将它们组合为一个仅在索引0和3处呈现hr元素的表达式？ 我试图像 .. && (index === 0) && (index === 3) && <hr />那样将它们组合在一起，但是它不起作用，因为此代码位于map循环闭包内。希望我能连贯。因此，如果有人知道如何为我提供帮助，则将不胜感激。

解决方法

应该是这样

{
  type === "NEW" && (index === 0 || index === 3) && <hr />
}

,

您可以使用的另一种方法

{ 
  type === 'NEW' && [0,3].includes(index) && 
    <hr />
}