如何在从json中获取数据时在React上呈现html标签

Question

[如何在从json中获取数据时在React上呈现HTML标签。在我的json中，数据包含<h2>标签，但无法呈现<h2>标签。

这是我的代码

const [items, setItems] = useState({"data" : `"<h2>hi</h2>, this is a car"`})
return (
        <div>
          <p>{items.data}</p>
        </div>
)

输出为

"<h2>hi</h2>, this is a car"

但预期输出应该是

hi，这是一辆车

Answer 1

您可以将dangerouslySetInnerHTML用于此目的，请阅读文档：

Answer 2

__html