防止危险的SetInnerHTML 在React 中继承css

Question

I don't want to mix my application with the css that is included in the html element that i'm receiving.

Is there a way to prevent dangerouslySetInnerHTML from inheriting style from the current page?

 return (<div dangerouslySetInnerHTML={{ __html: template }}></div>)

Answer 1

You could display the content in an iframe, which would have its own CSS.

Not the solution you're asking for, but you could instead add a class to your div and override the styles that you don't want to impact your HTML content. This might be reasonable if you don't have many styles to override.