HTML未在react tooltip的工具提示内呈现

我使用了工具提示表单react tooltip，我想在工具提示中放置一些HTML标记。如何管理？我没有在中找到任何信息。 现在我创建工具提示：

const TooltipConst = props => {
if (props.tooltip && props.id) {
    const tooltip = <Tooltip id={props.id + 'Tooltip'}>
        <div> render(){props.tooltip} </div>
    </Tooltip>;
    return (
        <OverlayTrigger
            overlay={tooltip}
            placement="top"
            delayShow={500}
            delayHide={1000}
        >
            {props.children}
        </OverlayTrigger>
    );
}
return <div>{props.children}</div>;

})

当传递一些带有HTML的字符串作为工具提示时，它们不会呈现。有什么建议吗？ 我还尝试将put作为对象，例如一些文本

一些文本，但它返回的不是文本，而是类似对象[]的工具提示

const tooltip = (<Tooltip id={props.id + 'Tooltip'}>
    <div> render(){props.tooltip} </div>
</Tooltip>);

这是他们的官方文件

---

另外，如果您想通过道具呈现html，您应该使用危险的ethTML=>请参阅React的文档

您可以使用React工具提示库。

---

如果要在工具提示中添加html，如html按钮或其中的其他html标记，请将prop html={true}传递给as

。并希望在单击时显示

<div id={row.index} className="text-center">
     <a data-tip={'dummystring'} data-event={'click focus'}
      data-for={'tooltip'}>Show tooltip</a>
     <ReactTooltip id={'tooltip'} effect="solid"
           clickable={true} place="right"
           getContent={function() {
           return (
                <div>
                   <span>Some text</span>
                   <Button 
                   onClick={()=>alert('clicked')}>
                   Click Me </Button>
                </div>
          )
    }}/>
</div>

---

这是一个老问题，但我查看了文档，他们现在有了一个数据html道具来检测您是否需要呈现html标记，类似这样：

<ToolTipData data-tip={text} data-html={text.indexOf('</') > -1}>
    {children}
  </ToolTipData>

---

也可以渲染为render{props.tooltip}或危险的SetinenerHTML={props.tooltip}我认为问题在于我将工具提示的内容放在OverlyTrigger上，而这个组件没有管理内容并将其作为原始字符串处理。函数createMarkup{return{uuuu html:props.tooltip}；}函数MyComponent{return return；}