Javascript 如何用React显示包含HTML的句子？

我正在使用react构建，我想显示从get请求返回给用户的JSON数据。JSON数据包含字符串值，这些字符串值由句子组成，其中包含html。例如：

[{“句子”：“不要用眼睛直视太阳，这很危险！”}

我的目标是让文本正常呈现，但字符串中的html将与文本一起呈现为html，从而允许我操作html，以便我可以使用CSS高亮显示句子中的特定单词。目前，我只是从get请求中获取数据，将其保存到state，并像普通一样通过道具显示

return (
    <div>{props.data.sentence}</div>
);

返回(
{props.data.句子}
);

但是，如果我从我的道具中获取这个值，并尝试将其直接包含在视图中，它将以字符串的形式显示整个内容，从而向用户显示实际的HTML代码

有人能告诉我如何在React中显示这种字符串+html组合吗？

使用

在执行此操作之前，请阅读有关XSS和基于DOM的XSS的信息。您可能还想查看一下仅供参考，问题中的数据是数组，因此您可能需要指出数据[0]。句子

<div dangerouslySetInnerHTML={{ __html: props.data.sentence}}></div>