解析React中字符串内的嵌套HTML？

Question

我正在React中建立一个类型提前功能。

我有一个包装器组件，该组件具有一组对象，并呈现item;这是无状态的组件。

因此，假设我有const name= 'Hasan'。哪个解析为>> const parsedName = Ha<span>san</span>;假设要搜索的词是san。

我在父元素上尝试了dangerouslySetInnerHTML={{ __html: parsedName }}属性，但是没有用。

  

如果使用纯HTML，则为：el.innerHTML = parsedName

目标是根据需要设置跨度样式。有什么想法吗？

Answer 1

<module body>

test.sv

没有代码很难说出问题所在。我在这里创建了一个有效的代码段，可以帮助您调试问题。

根据评论更新了示例。