javascript - 在 React 中危险地应用 SetInnerHTML 时如何应用荧光笔

Question

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

下面是打印内容的代码

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

下面是我尝试使用荧光笔的代码。但它似乎不起作用并抛出错误 警告：失败的道具类型：提供给, 预期textToHighlight的类型的无效道具。在荧光笔中（由表创建）objectHighlighterstring

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