Ich habe eine Reaktionskomponente, die einige Ergebnisse liefert. Das Problem, das ich habe, ist mit result.participants. Dies ist ein Array, daher gibt map beide Namen ohne Leerzeichen wieder, und ich finde es schwierig, diese Leerzeichen einzufügen.

Die result.participants sind eine Reihe von Zeichenfolgen.

Wie füge ich ein Leerzeichen oder eine Logik ein, um ein Komma und ein Leerzeichen einzufügen, wenn die Länge> 1 ist?

render: function(){
  return (
  <ul>
    {
      this.state.pads.map(function(result){
        return [
        <a href={result.pageUrl}>{result.title}</a>,
        <li key={result.participants}>Participants: {result.participants} </li>,
        <li key={result.summary}>Summary: {result.summary}</li>,
        <li key={result.lastEdit}>Last Edited: {new Date(result.lastEdit).toDateString()} </li>,
        <p></p>
        ];
      })}
  </ul>
)
}