Как правильно отрендерить данные?

Есть у меня такая структура:

[
  {
    name: "test",
    tests: ["one", "two"]
  }
];

Мне нужно отрендерить tests content. Только если их >1, после каждого идет кома и пробел

Как я думал решить:

renderTest = test => {
    return test.map((el, index) => {
      return test.length > 1 ? (
        <span key={index}>{el}, {" "} </span>
      ) : (
        <span key={index}>{el}</span>
      );
    });
  };

Но что-то мне кажется гавнокод, т.к может выйти one , two ,
Подскажите как будет правильно??