React JSXのループの最後の繰り返しでのコーディング？

Question

ループしてこの形式で表示する必要がある電子メールのリストがあります。その

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

をレンダリングするとき

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

は、私は、最後のループの最後にセミコロンを削除します。

これを行うにはどのような方法がありますか？

Answer 1

あなたはmap内からのインデックスと完全な配列へのアクセスがあります。

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

を私はちょうど出力に、私たちがしている場合、我々は、配列の最後の要素であるかどうかを判断するための三元を追加し、空の文字列