javascript - 显示一个循环并在循环中显示其他数据时仅一次

Question

我有一个用例，在loop.

我suggestions只需要为整个loop cycle. 代码块number.imageUrl可能会重复，但suggestions文本应该只显示一次。

const listItems = numbers.map((number) => 

<li>

{number.imageUrl && 

<div>suggestions</div>

<div>{number.imageUrl}</div>

}
<div>number.text</div>

</li>

);

标签： javascripthtml

Answer 1

就像Justinas所说，要么移出<div>suggestions</div>map 功能，要么这样做：

const listItems = numbers.map((number, index) => (
  <li>
    {index === 0 && <div>suggestions</div>}
    {number.imageUrl && <div>{number.imageUrl}</div>}
    <div>{number.text}</div>
  </li>
));