Render raw HTML in React using Json

Shoaib Dev answered on January 19, 2023 Popularity 3/10 Helpfulness 1/10

answer Render raw HTML in React using Json

Render raw HTML in React using Json

Comment

npm install dompurify

then
 <div
          dangerouslySetInnerHTML={{ __html: json.html }}
          ref={el => {
            if (el) {
              el.innerHTML = json.html;
            }
          }}
        />
Using MUI
 <Typography m={2} variant='body1'
                                dangerouslySetInnerHTML={{ __html: e.para }}
                                ref={el => {
                                    if (el) {
                                        el.innerHTML = e.para;
                                    }
                                }}
                            />
    [{heading:"Text",para:"Hello<br>hi <br>"}]

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: html json raw render using whatever

Link to this answer
Share Copy Link

Contributed on Jan 19 2023

Shoaib Dev

0 Answers Avg Quality 2/10

Render raw HTML in React using Json

Contents

More Related Answers

Render raw HTML in React using Json

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.