Render the HTML raw in React app

In the case that you have to render a dynamic HTML from database or somewhere, when you add the HTML raw as a variable into your React app, it just render the string, consider the example bellow:


The result will be:



Solution: Use dangerouslySetInnerHTML method in React, use it very easy:


The result will be:



htmlreactrender html react

Latest

R

Remove an object item from array by ID in Javascript

H

How to reverse an array in Javascript without changing the original array?

A

Auto scroll to a specify element every time open webpage by Javascript

H

How to scroll to top every time React router change?

G

Get height or width of an element in Javascript

T

The way to separate logic code of the Vuejs component into smaller files

Related

H

How to scroll to top every time React router change?

A

Add and remove scroll event for window in the React App

R

Run function or script only once inside useEffect React

H

How to add Google Analytics to the React App?

H

How to add Google AdSense to your React application?

M

Make a React custom scrollbar component

© 2019 4codev

Created with love by Sil.