He estado tratando de implementar un modal que aparecerá para confirmar la eliminación antes de que se elimine un registro en mi tabla de arranque. He probado diferentes métodos pero sin éxito. ¿Hay alguna manera de hacerlo? He intentado crear un modal y luego llamar al modal en mi botón de acciones, pero la función de eliminación no tendrá ningún efecto fuera del alcance del formateador. Si bootstrap también tiene su propio modal incorporado que será más fácil de usar, tampoco me importaría.

useState y useEffect

 const [data, setData] = useState([]); useEffect(() => { getData(); }, []); const getData = () => { axios(apiUrl).then(res => { setData(res.data); }); };

dataTable const y funciones

 const columns = [ { dataField: 'name', text: 'Name', sort: true, filter: textFilter(), headerStyle: { backgroundColor: 'red', color: 'white' }, }, { dataField: 'databasePKey', text: 'Actions', headerStyle: { backgroundColor: 'red', color: 'white' }, formatter: (cellContent, row) => { return ( <> <div className="btn-group flex-btn-group-container"> <Button color="body" size="sm" onClick={() =>handleDelete(row.id)}> <FontAwesomeIcon icon="trash" /> <span className="d-none d-md-inline"></span> </Button> </div> </> ); }, },

devuelve jsx que contiene la tabla de arranque

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