微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在 React 中应用危险的SetInnerHTML 时如何应用荧光笔

如何解决在 React 中应用危险的SetInnerHTML 时如何应用荧光笔

我有反应表,在应用搜索时我试图实现荧光笔。来自端点的内容包含 HTML 标签。我正在使用危险的SetInnerHTML 来打印内容,但它不适用于荧光笔

下面是打印内容代码

className={style.newsContent}
dangerouslySetInnerHTML={{
__html: `<span style="color: #a2a2a2;"> -                      
</span><span>${cell.row.original.content.replace('<br>','')}</span>`
}}
 ></div>

以下是我尝试使用荧光笔的代码。但它似乎不起作用并引发错误 警告:道具类型失败:提供给 textToHighlight 的类型为 object 的无效道具 Highlighter,预期为 string。 在荧光笔中(由表格创建)

<Highlighter
highlightClassName='YourHighlightClass'
searchWords={[searchValue]}
 textToHighlight={{ __html: JSON.stringify(cell.row.original.content)}}
 autoEscape={false}
></Highlighter>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。