如何在 React map 中迭代的每个项目只显示一次文本

Question

我试图在每个迭代块中只显示一次文本，但它会根据迭代的索引数量不断显示。

我怎么能只解释一次呢？

这是我的代码：

someArr.map((col, i) => {
  return (
    <div
      key={i}
    >
      {text} // should be displayed only ONCE
      {someRule === someOtherRule && (
        <Icon/>
      )}
   </div>
 )
})

所以这里发生的是Icon和所有其他项目都正确显示，但{text}的显示取决于迭代次数。 无论迭代次数如何，如何只显示一次？

Answer 1

检查第一个索引

  {i === 0 ? text: ''}