如何解决在 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 举报,一经查实,本站将立刻删除。