使用危險地設置組件反應組件，包含CSS

Question

我有一個呈現此元素的React組件：

<div dangerouslySetInnerHTML={{__html: this.props.htmlString}}/>

它工作正常，並且正在呈現html。 但是，我遇到的問題是，我的客戶端代碼中已有CSS，該CSS已從this.props.htmlString呈現到要渲染的組件中。 有沒有一種方法可以防止將我的客戶端CSS代碼應用於此組件？

Answer 1

您必須以CSS中的元素為目標，並覆蓋您不想應用的樣式。