Javascript 如何在react/js中将数组显示为表中的单个列

我正在尝试验证excel工作表中所需列的空值，并尝试将结果显示为列为-行编号、空值列名的表

因为一行中的许多列可能有空值，所以我将这些列存储为一个数组

在表中显示时，我无法在元素中获取逗号分隔符

关于如何在表中的单个列中显示带有逗号分隔符的数组，如

[a，b，c，-]

，有什么建议吗

Presenting a sample code base 

export default function App() {
 const names = ["a", "b","c"];
  return (
    <div className="App">
      <table>
        <thead>
          <th>Names</th>
        </thead>
        <tbody>
          <td>{names}</td>
        </tbody>
      </table>
    </div>
  );
}

名字 abc 您可以使用分隔符指定数组，在这种情况下，它应该是

，

导出默认函数App（）{
常量名称=[“a”、“b”、“c”]；
返回(
名字
{names.join（“，”）}
);
}

我建议您看看我对一个类似问题的答案：我认为控制台上的打印与html不同。应该没问题！将

console.log（…）

更改为

return（…）

。不要忘记

map（）

必须返回一个值。因此，您将有

return（{things.map（（thing）=>{return（{thing}）；}）}

。如果这样做有效，我将把它作为一个答案发布。如果它只是一个以字母作为字符串的数组，您可以始终使用array.join（分隔符）将数组转换为一个带分隔符的字符串。例如，在您的代码中：{names.join（'，'）}

This is giving output as 

export default function App() {
  const names = ["a", "b", "c"];
  return (
    <div className="App">
      <table>
        <thead>
          <tr>
            <td>Names</td>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>{names.join(",")}</td>
          </tr>
        </tbody>
      </table>
    </div>
  );
}