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 (

);

}
}

render(, document.getElementById(“root”));

El resultado final debería ser aArr: 1,4 bArr: 2,5