Render HTML + Javascript from HTTP response

Question

I am sending a HTTP GET request from a browser to an external API using React. I'm getting a response containing some HTML and Javascript which I would like to render in my browser.

Here's my code so far:

  const url = getExternalEndpoint()
  fetch(url)
    .then(function(response) {
      return response.text();
    }).then(function(data) {
      console.log(data);
    })

Based on Retrieve data from a ReadableStream object?

So I can see the HTML in the console, but I'm not sure how to render it.

For context, the external server I'm sending the request to is an OpenID Connect server.

Does this answer your question? How to render HTML in string with Javascript? — Jan Pfeifer
– Jan Pfeifer, Commented Jan 17, 2023 at 9:25

Ajay Gupta · Accepted Answer · 2023-01-17 09:49:59Z

0

So, there is one library called react-html-parser

To install, use the following command

npm install react-html-parser
# or  
yarn add react-html-parser

Here, you can use the state to update the value from API.

    import ReactHtmlParser from 'react-html-parser'; 
     const [html_string, Sethtml_string] = useState('')

    //set value in the  html_string 
      <div> { ReactHtmlParser (html_string) } </div>

answered Jan 17, 2023 at 9:49

Ajay Gupta

8617 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Render HTML + Javascript from HTTP response

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related