Estoy tratando de generar una respuesta html desde una API en React.

Creo que el problema puede ser que no estoy manejando correctamente la recuperación asíncrona. No estoy seguro de si la cadena html que obtengo del BE es una promesa o una cadena. Cuando lo registro a continuación, recibo una Promise

Usé el código de esta respuesta para usar dangerouslySetInnerHTML SetInnerHTML para representar el html, aunque no estoy seguro de si esta es la forma correcta de representar una página completa. El backendHtmlString es una página completa que me gustaría agregar a React.

App.js - Código de reacción para renderizar html:

 async function createMarkup() { let response; response = await fetch(`http://localhost:8000/backed_api/html_response/?user_email=chriss%40comtura.ai`) const backendHtmlString = response.text() console.log(backendHtmlString) return {__html: backendHtmlString}; } function MyComponent() { return <div dangerouslySetInnerHTML={createMarkup()} />; } function App() { return ( <div className="App"> <MyComponent/> </div> ); } export default App;

Index.js

 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') ); // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) // or send to an analytics endpoint. reportWebVitals();