时间戳

首页 > 解决方案 > 在反应引导工具提示中添加 HTML 标记

html - 在反应引导工具提示中添加 HTML 标记

问题描述

是否可以在反应引导工具提示组件中显示一些自定义 HTML 标记

<OverlayTrigger
          placement='top'
          trigger={['click', 'hover', 'focus']}
          overlay={
            <Tooltip id='Description__tooltip'>
              {record.desc}
            </Tooltip>
          }
        >
          <i className='fa fa-info-circle fa-sm' aria-hidden='true'></i>
        </OverlayTrigger>

工具提示 (record.desc) 中显示的值有一些我想添加到此工具提示的 html 代码。

标签： htmlreactjsreact-bootstrap

解决方案

你可以试试dangerouslySetInnerHTML吗？

<Tooltip id='Description__tooltip'>
  <div dangerouslySetInnerHTML={{ __html: record.desc}} />
</Tooltip>

推荐阅读