Estoy usando react-bootstrap-table-next para implementar funcionalidades crudas. Necesito una situación en la que, después de realizar la edición en línea, los datos se guarden en la base de datos. En este momento, después de recargar la página, la tabla de datos vuelve a su estado inicial.

Estos son mis códigos a continuación.

constante

 const [data, setData] = useState([]); const apiUrl = 'api/terminals';

bloque de edición de celdas

 const cellEdit = cellEditFactory({ mode: 'dbclick', blurToSave: true, afterSaveCell: onAfterSaveCell, });

llamada api

 const onAfterSaveCell = (value, name) => { axios({ method: 'POST', url: apiUrl, headers: { Accept: 'application/json', 'Content-Type': 'application/json', }, data: { name: value[name], }, }).then(response => { setData(response); }); };

jsx

 <> <BootstrapTable keyField="id" data={data} columns={columns} striped hover condensed pagination={paginationFactory()} cellEdit={cellEdit} filter={filterFactory()} noDataIndication="Table is Empty" /> </>

Recibo estos errores en la consola cuando pruebo esta fórmula

 react.development.js:220 Warning: Failed prop type: Invalid prop `data` of type `object` supplied to `DataProvider`, expected `array`.