小编Dan*_*iel的帖子

将 className 属性添加到angerlySetInnerHTML 内容中

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

<div dangerouslySetInnerHTML={{__html: '<div>hello world</div>'}} />
Run Code Online (Sandbox Code Playgroud)

一种方法是设置为外部 div,如下所示:

<div dangerouslySetInnerHTML={{__html: '<div>hello world</div>'}} className='class-name'/>
Run Code Online (Sandbox Code Playgroud)

然后以 css 样式设置子项:

.class-name div {
  (css stuff here)
}
Run Code Online (Sandbox Code Playgroud)

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


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

let content = '<div class="class-name">hello world</div>'
<div dangerouslySetInnerHTML={{__html: content}}
Run Code Online (Sandbox Code Playgroud)

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

css styling reactjs

6
推荐指数
1
解决办法
7829
查看次数

标签 统计

css ×1

reactjs ×1

styling ×1