Discussion on "How to safely Rendering Raw HTML content in React"

Naveen · 2020-09-06T18:11:24.754Z

React having the build-in method ( dangerouslySetInnerHTML ) for rendering the raw HTML content inside the React App. But the problem is that method is not safe to use. In real-world, we need to render the raw HTML like e-mail content, rich text edi...

Nice. I didn't know about this package and seems like a good help in case of building apps which integrate with CMSes or user Data like Comments.

Thanks Naveen

Nice. Are there any implications of adding HTML directly to React instead of using JSX?

It is risky and react did not build the specific subset of DOM, and probably that's why it is named as dangerouslySetInnerHTML

Though it is really needed as CMSes and Comment systems will give HTML string as output and building DOM nodes and then attaching them is very intensive task.

Though this package suggested by Naveen can help reduce the security risks with setting the HTML with dangerouslySetInnerHTML

I hope the explanation helped.

Pankaj Patel Thanks for explaining. This was really insightful.

No problem happy that I could explain Edidiong Asikpo

Discussion

How to safely Rendering Raw HTML content in React

Responses(2)

Recent in Forum

Search Hashnode

How to safely Rendering Raw HTML content in React

Responses(2)

Recent in Forum