javascript - 在循环中循环和显示其他数据时只显示一次 <div>

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>

);

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