Display proper html content in react. Content is Dynamic from Database

Question

I am building blogging application. and i use summernote for write a blog content. Blog content are stored in database like this :

<b>hi</b>.....<b>share if you like</b>

But when i fetch and try to disply blog content it will display same html code ex:

<b>hi</b>.....<b>share if you like</b> insted of hi ..... share if you like.

Now how to display blog content with all styles?

Snap of table:

Snap of html output:

Triyugi Narayan Mani · Accepted Answer · 2018-12-03 11:44:02Z

2

You can use dangerouslySetInnerHTML to render html content.

<div dangerouslySetInnerHTML={{__html: "<p>your html content</p>"}}></div>

answered Dec 3, 2018 at 11:28

3,1098 gold badges38 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

@DhruvRaval Can you please check it now. I have missed one {}

@DhruvRaval My bad! Didn't noticed the edit notification while editing.