Ich versuche, OverlayTrigger und Tooltip von Reak-Bootstrap in einem Formatierer für die Reak-Bootstrap-Tabelle zu verwenden und erhalte weiterhin den folgenden Fehler:

OverlayTriggers einzige erforderliche Requisite ist Overlay, das ein Knoten sein soll, und die einzige erforderliche Requisite von Tooltip ist id (obwohl keines ihrer Beispiele zeigt, dass Sie eine ID benötigen), die eine Zeichenfolge sein muss.

"onlyChild muss einem Kind mit genau einem Kind übergeben werden."

relevanter Code in Frage sieht aus wie:

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>
  );
};

Ich habe auch Folgendes für submitterFormatter versucht

const submitterFormatter = (submitter, row) => {
  return (
    const toolTipInstance = toolTipComponent(submitter, row);
    <OverlayTrigger placement="bottom" overlay={toolTipInstance}>
      {submitter}
    </OverlayTrigger>
  );
};