javascript - JSX map 中的分隔符使用索引

Question

我想跳过 <hr />最后，所以我添加了使用索引和数组长度的条件，就像这样

{item.persons.map((item,i) => 
    <div>
        <p>Name: {item.name}</p>
    {i !== item.persons.length ? <hr /> : ''}
    </div>
)}

知道为什么这行不通吗？我可以离开 <hr />像这样

{item.persons.map((item,i) => 
    <div>
        <p>Name: {item.name}</p>
    <hr />
    </div>
)}

但这看起来很糟糕，因为它在最后一项之后也有 hr。

Answer 1

您应该记住，最后一项不是索引为length 的，而是length-1

var persons = ["A", "B", "C"]

{persons.map((item,i) => 
   {i !== (persons.length-1) ? console.log(item) : console.log("LAST")}
)}