Traté de encontrar una manera de actualizar la fila al hacer clic en el botón, pero no encontré nada que fuera útil. Estoy tratando de aprender cómo hacer crud básico con una cuadrícula ag desde el frente. Encontré una manera de eliminar la fila que es fácil, pero para la actualización no encontré nada que ayude. así que, por favor, si alguien sabe cómo hacerlo, hágamelo saber.

 import { useEffect, useState } from "react"; import axios from "axios"; import { AgGridReact } from 'ag-grid-react'; import React from 'react'; import 'ag-grid-community/dist/styles/ag-grid.css'; import 'ag-grid-community/dist/styles/ag-theme-alpine.css'; function Read(props) { const [record, setRecord] = useState(''); useEffect(() => { axios.get('https://jsonplaceholder.typicode.com/comments') .then((response) =>{ console.log(response.data); setRecord(response.data); }) }, []) function update(data){ console.log("hello"); } const col= [ { headerName: "Name", field: "name"}, { headerName: "Email", field: "email"}, { headerName: "Body", field: "body"}, {headerName: "", headerClass: 'new-class', cellRendererFramework:(params)=> <div> <button onClick={() => update(params.data)}>Edit</button> </div>} ] return ( <> <div className="ag-theme-alpine" style={{height:'400px', width: '700px'}}> <AgGridReact columnDefs={col} rowData={record} > </AgGridReact> </div> </> ); } export default Read;