Arrays 如何防止数组在语义UI表中串联

我将json数据（作为数组）传递给语义ui表，因此我看到该数组显示为串联的单个字符串，而不是逗号分隔的字符串

正如您在下面的代码中所看到的，从底部开始的第6行在一个数组中有三个项连接为一个字符串。但是，在控制台中，我可以看到它们是三个单独的字符串，每个字符串都用双引号标记，并用新行分隔

<table class="ui table">
<thead class="">
<tr class="">
<th class="">Name</th>
<th class="">Approval Rating</th>
<th class="">Review Count</th>
<th class="">Cuisine</th>
<th class="">Price Range</th>
<th class="">Address</th></tr></thead>
<tbody class="">
<tr class="">
<td class="">Arba</td>
<td class="">100</td>
<td class="">8</td>
<td class="">MediterraneanKosherMoroccan</td>
<td class="">-</td>
<td class="">472 Columbus Ave, New York, NY 10024</td>
</tr>
</tbody>
</table>

名称
支持率
审查计数
美食
价格范围
地址
阿尔巴
100
8.
地中海人
-
纽约州纽约市哥伦布大道472号，邮编10024

如何解决此问题，使其显示为原来的阵列？或者不使用额外的单元格/列表来解决这个问题？我通过npm及其表组件使用react语义ui