如何在 map 数组中的数组数组之间连接 space？

Question

你好，我想知道你如何正确格式化已经在地图数组中的多数组（数组的数组）（这次我会尽量简短）。

有这段代码：

const [gradosData, setGradosData] = useState([])
const agregarComa = (grado, index) => {
        console.log(grado, index)
        console.log(grado[index])
    }

{productos.map((productos, index) => ( 

<td>{productos.grado}</td>

))

看起来像这样：

我正在考虑制作一个函数，该函数将获取数组的值 + 数组的索引，然后让它为每个长度映射产品数组做，然后将每个数组复制到另一个数组值 eee 但卡住了这是控制台正在打印什么（正在打印正确的值，所以我在正确的路径上）

这个是我想要实现的：

我想我总结得很好如果需要其他东西请告诉我

我只是想加个昏迷+space让它更好看

Answer 1

在你的函数 agregarComa 和 console.log 中，参数 grado 似乎是一个字符串数组。如果你想用逗号和 space 连接这些字符串，你可以简单地这样做：

grado.join(", ") // will return "4° Grado, 5° Grado, 6° Grado"

数组在JavaScript中有内置的join方法，你可以去看看here。

同样在您的 jsx 代码中，这应该足以实现您的目标：

<td>{productos.grado.join(", ")}</td>

如何在 map 数组中的数组数组之间连接 space？

How do you concatenate space between an array of arrays inside a map array?

javascript

arrays

array-map

reactjs