Eu tenho um componente de reação que está renderizando alguns resultados. O problema que estou tendo é com resultado.participantes. Como é uma matriz, o mapa está processando os dois nomes sem espaçamento, e acho difícil inserir esses espaços.

O resultado.participantes é uma matriz de seqüências de caracteres.

Como insiro um espaço ou alguma lógica para colocar uma vírgula e um espaço se o comprimento for> 1?

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