Reaccionar Bootstrap OverlayTrigger y problema de información sobre herramientas
Estoy tratando de usar react-bootstrap OverlayTrigger y Tooltip dentro de un formateador para react-bootstrap-table y sigo recibiendo el siguiente error:
El único accesorio requerido de OverlayTrigger es overlay, que se supone que es un nodo, y el único accesorio requerido de Tooltip es id (a pesar de que ninguno de sus ejemplos muestra que necesita una ID) que debe ser una cadena.
"onlyChild debe pasar a niños con exactamente un niño".
el código relevante en cuestión se ve así:
import {Button, DropdownButton, MenuItem, Modal,
OverlayTrigger, Tooltip} from 'react-bootstrap';
....
const submitterFormatter = (submitter, row) => {
return (
<OverlayTrigger placement="bottom" overlay={toolTipComponent(submitter, row)}>
{submitter}
</OverlayTrigger>
);
};
const toolTipComponent = (toolTipText, row) => {
return (
<Tooltip id={String(row.id)}>
{toolTipText}
</Tooltip>
);
};
También he intentado lo siguiente para submitterFormatter
const submitterFormatter = (submitter, row) => {
return (
const toolTipInstance = toolTipComponent(submitter, row);
<OverlayTrigger placement="bottom" overlay={toolTipInstance}>
{submitter}
</OverlayTrigger>
);
};