隐藏元素，如果它是 React 中的最后一项

Question

I need to hide TimelineConnector if it is on the last item. How will i be able to hide it? Pls check my codesandbox

CLICK HERE

 {timelines.lastIndexOf(index) !== 1 ? <TimelineConnector /> : ""}

Answer 1

只需与timelines长度进行比较：

{index !== timelines.length - 1 && <TimelineConnector />}

Answer 2

You could do using ternary operator

{timelines.map((timeline, index) =>
  index !== timelines.length - 1 ? (
    <TimelineItem>
       ...
    </TimelineItem>
  ) : null
)}

Forked demo

Answer 3

怎么样：

{timelines.length !== (index - 1) ? <TimelineConnector /> : null}

Answer 4

{index < (timelines.length - 1) && <TimelineConnector />}

Answer 5

Simply add a check of length with index - 1

{index - 1 != timelines.length ? <TimelineConnector /> : ""}

Forked demo