Codition auf einer letzten Wiederholung der Schleife in React JSX?

Question

Ich habe eine Liste von E-Mails, die ich durchlaufen und in diesem Format anzeigen muss.

renderEmaillist() { 
    return this.props.OfficeEmailAddress.map((officeEmail) => { 
     return (
      <a key={emailID} href={`mailto:${officeEmail}`}>{officeEmail}{'; '}</a> 
     ); 
    }); 
} 

Wenn seine

gemacht

email@mail.com; email2@mail.com; 

Ich möchte nur das Semikolon am Ende der letzten Schleife entfernen.

Wie funktioniert das?

Answer 1

Sie haben Zugriff auf den Index und die vollständige Palette von innen map:

return this.props.OfficeEmailAddress.map((officeEmail, index, arr) => { 
    return (
     <a key={emailID} href={`mailto:${officeEmail}`}>{officeEmail}{index === arr.length - 1 ? '' : '; '}</a> 
    ); 
}); 

ich ein ternäres hinzugefügt, um festzustellen, ob wir auf dem letzten Element des Arrays sind und, wenn wir, um nur Ausgangs eine leere Zeichenfolge.