javascript - 仅在索引 0 和 3 处渲染

Question

所以我有这个代码

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

我的问题是，如何将它们组合成一个表达式，仅在索引 0 和 3 处呈现该 hr 元素？我试图将它们组合起来， .. && (index === 0) && (index === 3) && <hr />但它不起作用，因为这段代码在地图循环闭包中。希望我是连贯的。因此，如果有人知道如何帮助我，任何提示将不胜感激。

标签： javascriptreactjsjsx

Answer 1

应该是这样的

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