将HTML作为JSON字符串的一部分?

您可以使用 html-react-parser 为了这个。只需安装该软件包并将其导入到您的组件中,如下所示:

import parse from 'html-react-parser'; 

然后在你的html中使用它:

<p className={`${styles.body} fadeIn`}>{parse(cms.blurb)}</p>

如果你 真正地 忍不住通过代码注入html,请注意您必须提供 dangerouslySetInnerHTML 一个包含 __html 关键,正是因为它太危险了。所以它应该是这样的

function YourLogin()   {
    return <p dangerouslySetInnerHTML = {'__html': cms.blurb}/>;
}

然而,我不能毫无保留地建议这种方法,因为它可能会导致 XSS .至少要确保 validate and sanitize every input that is not safe (剧透,这几乎是一切) defend yourself 尽你所能。

如果你没有动态内容,你不应该把事情搞得过于复杂。如果你真的需要在某事发生时出现或消失,试着 respond to events 或者使用js玩 visibility 属性或完全禁用元素。