Разве AG -сетка изменяет объекты состояния при вводе в сетку? ⇐ Javascript

[Anonymous]

Большая проблема здесь заключается в том, что мой гараж параметров правильно загружается в компонент, но, кажется, не доступен ни в одной из функций внутри компонента. Я не сталкивался с этим раньше, и Grid Ag - это самый новый инструмент, который я должен винить в странном поведении. Я пытаюсь преобразовать таблицу, изменяя данные его строки и столбца. Вместо этого может быть легче создать новую таблицу, но надеется не идти по этому пути. < /P>
import { agGridHelpers } from "../../../helpers";
import {AgGridReact} from 'ag-grid-react';
import { ModuleRegistry, AllCommunityModule} from "ag-grid-community";
import { useState, useRef, useEffect } from "react";
ModuleRegistry.registerModules([AllCommunityModule]);
/* Returns a table filled with data from the garage state object. if there is no data in the object only table headers appear.*/
const CustomerApplications = ({garage})=>{
const [rowData, setRowData] = useState([]);
console.log(garage); //logs the correct array.

useEffect(()=>{
console.log("last");
setRowData(garage);
}, [garage])

const [colDefs, setColDefs] = useState([
{headerName: "Nickname", field: "application_name", maxWidth: 250, minWidth: 200},
{headerName: "Application", children: [{field: "make"}, {headerName: "Model", field: "model"}, {headerName: "Year", field: "year"},
{headerName: "Engine", field: "engine"},]},
{headerName: "Batteries", maxWidth: 500, minWidth:200, valueSetter: p=> "See Batteries",
valueGetter: p=> "See Batteries", cellDataType: 'text', onCellClicked: e=>newTable(e)}
])

const newTable = (e)=>{
console.log(e);
console.log(garage); // logs an empty array

setRowData(e.data.batteries);
setColDefs([{headerName: "Back", onCellClicked: e=> resetTable(garage)},{headerName: "Battery", field: 'internal_part_number'}, {headerName: "CA", field: "attributes.1.attribute_value"},
{headerName: "CCA", field: 'attributes.0.attribute_value'}, {headerName: "Price", field: "list"}])

console.log(garage); //still logging empty array.

}

const resetTable = (garage)=>{
console.log("Reseting");

console.log(garage); //also an empty array.

setRowData(garage);
setColDefs([{headerName: "Nickname", field: "application_name", maxWidth: 250, minWidth: 200},
{headerName: "Application", children: [{field: "make"}, {headerName: "Model", field: "model"}, {headerName: "Year", field: "year"}, {headerName: "Engine", field: "engine"},]},
{headerName: "Batteries", maxWidth: 500, minWidth:200, valueGetter: p=> "See Batteries", cellDataType: 'text',
onCellClicked: e=> newTable(e)}
]);
}

return (



);
};

export default CustomerApplications;



Подробнее здесь: https://stackoverflow.com/questions/795 ... nto-a-grid