У меня есть компонент реагирования, который дает некоторые результаты. Проблема, с которой я столкнулся, связана с результатом. Это массив, поэтому map отображает оба имени без пробелов, и мне сложно вставить эти пробелы.

Result.participants - это массив строк.

Как вставить пробел или некоторую логику, чтобы поставить запятую и пробел, если длина> 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>
)
}