Olá,
Estou desenvolvendo uma pequena aplicação, e gostaria de saber, como faço para renderizar uma página externa (Ex: Facebook) dentro da aplicação reactjs que estou desenvolvendo. Sei que em html, eu consigo fazer tal coisa utilizando um elemento Iframe, porém no react, ao utilizar o elemento, o mesmo não consegue renderizar a página dentro do meu componente. Alguém poderia me dar uma direção para a solução deste problema?
hoje, com a Alura e o Google Gemini
Salve, Bruno!
iFrames deveriam funcionar normalmente, como por exemplo:
function App() {
return (
<div className="App">
<h3>Iframes com React</h3>
<iframe src="https://www.youtube.com/embed/94yuIVdoevc"></iframe>
</div>
);
}Consegue compartilhar o erro que você encontrou?
Eu usei assim, porém não funciona em todos os sites, facebook por exemplo não consegue carregar.
Nesse caso, Bruno, é que o site pode permitir ou não se ele pode ser utilizado como o Frame. Alguns permitem, outros não. Normalmente por questões de segurança.