JSON data printing issue in react-js

Question

This is my JSON Data

const Paper = [{ Head: "<strong>Heading Content</strong>sub-heading", content: ["sample texts...."] }];

And i try to print this data to my page it working but it show like <strong>Heading Content- </strong>subheading

{Paper.map((Paper) => (
  <div className='news-papper'>
    {Head}
  </div>
))}

I wand " Heading Content- subheading " How to print data like this?

manoop m · Accepted Answer · 2022-06-24 19:34:28Z

1

You need to specify the property Head of Paper object, and don't forget to name the array Papers with (s) at the end, since it'is an array contains many Paper.

{Papers.map((Paper) => (
  <div className='news-papper' dangerouslySetInnerHTML={{__html: Paper.Head}}/>
))}

PS: Papers's not in format JSON, instead it is an array of object in JS.

edited Jun 24, 2022 at 19:34

manoop m

673 silver badges14 bronze badges

answered Jun 24, 2022 at 19:02

TAHER El Mehdi

9,6367 gold badges33 silver badges52 bronze badges

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

4 Comments

manoop m Over a year ago

that working , the data print like <strong>Heading Content- </strong>subheading , the strong tag is print in page not show the style of strong

TAHER El Mehdi Over a year ago

You can use dangerouslySetInnerHTML

TAHER El Mehdi Over a year ago

is it worked for you, or I will implement dangerouslySetInnerHTML for you

manoop m Over a year ago

its working i will implement

Collectives™ on Stack Overflow

JSON data printing issue in react-js

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related