Entrar Ainda não tem acesso?
1
resposta

Como renderizar tags html - Fetch Api

por Fellipe Abreu
| 76.1k xp | 7 posts

Olá,

Estou criando uma pagina onde busco informações em um banco de dados usando FetchAPI. Mas no conteudo existem tags html que precisam ser renderizadas .

Tentei usar o dangerouslySetInnerHTML mas precebi que foi usada uma outra forma de criar as tags no banco de dados. Exemplo:

<p><strong>ENEM 2010 - Questão 140 – 

depois do  dangerouslySetInnerHTML

<p><strong>ENEM 2010 - Quest&atilde;o 140 &ndash;

Existe alguma forma de alterar isso no react. Pois não tenho acesso ao servidor.

Obrigado.

1 resposta
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Felipe, tudo bem? Para transformar a String que veio da resposta de sua requisição AJAX, você precisa fazer um parser para HTML, algo assim:

new DOMParser().parseFromString(resposta, "text/html").querySelector("table")

Nesse exemplo, dentro da resposta havia uma tag table, por isso, passei o .querySelector("table").

No seu caso, mude o seletor referente ao seu HTML.

Espero ter ajudado.