Hola, quiero saber cómo se formatea correctamente un Multi-Array (Un arreglo de arreglos) que ya está dentro de un arreglo de mapas (intentaré ser más breve esta vez).
Teniendo este fragmento de código:
const [gradosData, setGradosData] = useState([]) const agregarComa = (grado, index) => { console.log(grado, index) console.log(grado[index]) } {productos.map((productos, index) => ( <td>{productos.grado}</td> ))Se parece a esto:
Estaba pensando en hacer una función que obtuviera el valor de la matriz + el índice de la matriz y luego lo dejara hacer para cada matriz de productos de mapas de longitud y luego copiar cada uno en otro valor de matriz eee pero me quedé atascado, esto es lo que está imprimiendo la consola (está imprimiendo los valores correctos, así que estoy en el camino correcto)
ESTO es lo que quiero lograr:
Creo que lo resumí bastante bien, avíseme si requiere algo más.
Solo quiero agregar una coma + espacio para que se vea mejor
En su función agregarComa y console.log, el argumento grado parece ser una matriz de cadenas. Si desea unir estas cadenas con una coma y un espacio, simplemente puede hacerlo:
grado.join(", ") // will return "4° Grado, 5° Grado, 6° Grado"Las matrices tienen un método de combinación incorporado en JavaScript, y puede consultarlo aquí .
También en su código jsx, esto debería ser suficiente para lograr su objetivo:
<td>{productos.grado.join(", ")}</td>