Реагировать на проблему с Bootstrap OverlayTrigger и Tooltip
Я пытаюсь использовать response-bootstrap OverlayTrigger и Tooltip внутри средства форматирования для response-bootstrap-table и продолжаю получать следующую ошибку:
Единственное обязательное свойство OverlayTrigger - это оверлей, который должен быть узлом, а единственное обязательное свойство Tooltip - это id (несмотря на то, что ни один из их примеров не показывает, что вам нужен идентификатор), который должен быть строкой.
«OnlyChild должен быть передан детям с ровно одним ребенком».
соответствующий код выглядит следующим образом:
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>
);
};
Я также попробовал следующее для submitterFormatter
const submitterFormatter = (submitter, row) => {
return (
const toolTipInstance = toolTipComponent(submitter, row);
<OverlayTrigger placement="bottom" overlay={toolTipInstance}>
{submitter}
</OverlayTrigger>
);
};