将 className 属性添加到angerlySetInnerHTML 内容中

Question

如何指定包含“hello world”className的属性：div

<div dangerouslySetInnerHTML={{__html: '<div>hello world</div>'}} />

一种方法是设置为外部 div，如下所示：

<div dangerouslySetInnerHTML={{__html: '<div>hello world</div>'}} className='class-name'/>

然后以 css 样式设置子项：

.class-name div {
  (css stuff here)
}

className但我想直接设置为div“hello world”

编辑：将类名添加到注入的 html 中并不能解决问题，例如：

let content = '<div class="class-name">hello world</div>'
<div dangerouslySetInnerHTML={{__html: content}}

不起作用，因为如果多次使用相同的内容，则会发生 CSS 冲突（我正在使用带有 CSS 模块的样式加载器）

Answer 1

<div className="post-excerpt" dangerouslySetInnerHTML={{ __html: post.excerpt}}/>