Tengo columnas como esta: -

 const columns = [ { field: "truck_in_time", title: "Truck in time", editable: "never", }, { field: "truck_out_time", title: "Truck out time", editable: "never", }, { field: "document", title: "Document", width: 160, render: (params) => { return ( <> <button onClick={() => console.log(params)} className="productListEdit" > Upload </button> </> ); }, editable: "never", }, { field: "remarks", title: "Remarks", width: 160, editable: "onUpdate", }, ];

Quiero algo para cargar como lo que tenemos para el botón de edición . Cuando seleccionamos un archivo a través del botón de carga, obtenemos esos datos y podemos enviarlos a nuestra API de back-end.