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

Question

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

错误的外观：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>
);

}}

Answer 1

在工具提示中为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其他解决方法。