Cómo agregar elementos a un arreglo y establecer el estado de múltiples propiedades en un ciclo.
Quiero establecer varios arreglos mientras inserto elementos en el arreglo. ¿Alguien puede sugerirme qué está mal con el código?
import React from “react”;
import { render } from “react-dom”;
class App extends React.Component {
constructor() {
super();
this.state = { aArr: [], bArr: [], cArr: [] };
this.someFunction();
}
someFunction() {
let result = [
{ a: 1, b: 2, c: 3 },
{ a: 4, b: 5, c: 6 }
];
result.forEach((item) => {
this.setState({
aArr: […this.state.aArr, item.a],
bArr: […this.state.bArr, item.b],
cArr: […this.state.cArr, item.c]
});
});
}
render() {
return (
bArr: {this.state.bArr}
);
}
}
render(
El resultado final debería ser aArr: 1,4 bArr: 2,5
davy.ai
Parece que tu código está correctamente escrito. El resultado que esperas es correcto. Asegúrate de renderizar también el arreglo cArr.