使用索引在JSX上的映射中的分隔符

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

但是这看起来很糟糕，因为它也会在最后一个项目之后有一小时。

Answer 1

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

的项目

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

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