添加reactstrap工具提示会导致TypeError：target.removeEventListener不是函数

Posted 2023-01-29

我有一个要映射的项目列表，我想为每个项目添加工具提示；但是，添加工具提示元素会导致错误。我不确定为什么会这样，并且工具提示似乎与一般任何元素都不兼容。有人可以向我解释这是怎么回事吗？

错误的外观：https://imgur.com/a/yxdBxP5

export class RevisionList extends React.PureComponent 
render() 
const 
  revision,
  revisions,
  revisionCount,
  repo,
  widthClass,
  children,
 = this.props;

return (
  <Col className=`$widthClass mb-3`>
    revisions.map((revision, i) => 
      return (
        // <Revision revision=revision repo=repo key=revision.revision />
        <div>
          <Revision
            revision=revision
            repo=repo
            key=revision.revision
            id=i
          />
          <Tooltip
            placement="bottom"
            isOpen=tooltipOpen
            target=i
            toggle=this.toggle
          >
            Tooltip Content!
          </Tooltip>
        </div>
        // <RevisionToolTipItem
        //   revision=revision
        //   repo=repo
        //   key=revision.revision
        //   id=i
        // />
      );
    )
    revisionCount > revisions.length && (
      <MoreRevisionsLink key="more" href=repo.getPushLogHref(revision) />
    )
    children
  </Col>
);

答案

在工具提示中为target和id使用字符串

<div>
          <Revision
            revision=revision
            repo=repo
            key=revision.revision
            id='id'+i //<------------ see here
          />
          <Tooltip
            placement="bottom"
            isOpen=tooltipOpen
            target='id'+i //<------------ see here
            toggle=this.toggle
          >
            Tooltip Content!
          </Tooltip>
        </div>

[react-strap中也存在问题。 See here其他解决方法。