I have an object I want to set an html element inside this object
{
titleName: "Indorction",
heading: 'Welcome to JavaScript',
iconName: faDotCircle,
description: [
`
Do we even need to introduce `${<p>HTML element</p>}`? It’s one of the most popular programming
languages on the planet!
Ever visited a website that made you think…"Hey, this website is really cool and
`
],
},
I'm not sure how to flag as duplicate but you can find your answer here: Render HTML string as real HTML in a React component
Basically you want to render a string as HTML, which is a dangerous practice so beware.
const x = {
titleName: "Indorction",
heading: 'Welcome to JavaScript',
iconName: faDotCircle,
description: [
`
Do we even need to introduce <p>HTML element</p>? It’s one of the most popular programming
languages on the planet!
Ever visited a website that made you think…"Hey, this website is really cool and
`
],
},
And inside your render function:
<div dangerouslySetInnerHTML={{ __html: x.description }}></div>
JavaScript_Lessons_Objects.js
{
titleName: "Indorction",
heading: 'Welcome to JavaScript',
iconName: faDotCircle,
description: [
`
Do we even need to introduce <b class="hal">JavaScript</b>? It’s one of the most
popular programming languages on the planet!.
`
],
},
Lesson.jsx
{ReactHtmlParser(this.props.lesson[this.state.indexDescription]["description"])}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.