/Javascript/React/String to html javascript react

String to html javascript react

import React from 'react';
import { Markup } from 'interweave';

const articleContent = "<p><b>Lorem ipsum dolor laboriosam.</b> </p><p>Facere debitis impedit doloremque eveniet eligendi reiciendis <u>ratione obcaecati repellendus</u> culpa? Blanditiis enim cum tenetur non rem, atque, earum quis, reprehenderit accusantium iure quas beatae.</p><p>Lorem ipsum dolor sit amet <a href='#testLink'>this is a link, click me</a> Sunt ducimus corrupti? Eveniet velit numquam deleniti, delectus  <ol><li>reiciendis ratione obcaecati</li><li>repellendus culpa? Blanditiis enim</li><li>cum tenetur non rem, atque, earum quis,</li></ol>reprehenderit accusantium iure quas beatae.</p>"

<Markup content={articleContent} /> // this will take the articleContent string and convert it to HTML markup. See: https://milesj.gitbook.io/interweave

Source: stackoverflow.com

React render string as html

<div dangerouslySetInnerHTML={{__html: 'First &middot; Second'}} />

Similar codes

0 vote394 views1 answer
Orderbychild firebase react
Javascript React
3 votes370 views1 answer
React native nox emulator
Javascript React
140 votes579 views5 answers
React js installation
Javascript React
0 vote351 views1 answer
Metro server not running react native
Javascript React
13 votes401 views3 answers
React native conditional rendering
Javascript React
11 votes331 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote380 views1 answer
OnChange react functional programming
Javascript React
1 vote366 views1 answer
React spread operator
Javascript React
1 vote390 views1 answer
Disable split screen react native
Javascript React
0 vote343 views2 answers
Why we use react js
Javascript React