Iframe in react

npm install react-iframe

# yarn

yarn add react-iframe

Iframe in react

import React from "react";
import ReactDOM from "react-dom";
function App() {
  return (
    <div className="App">
      <h1>Iframe Demo</h1>
      <Iframe iframe={iframe} />,
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Source: stackoverflow.com

Iframe in react

const iframe = '<iframe height="265" style="width: 100%;" scrolling="no" title="fx." src="//codepen.io/ycw/embed/JqwbQw/?height=265&theme-id=0&default-tab=js,result" frameborder="no" allowtransparency="true" allowfullscreen="true">See the Pen <a href="https://codepen.io/ycw/pen/JqwbQw/">fx.</a> by ycw(<a href="https://codepen.io/ycw">@ycw</a>) on <a href="https://codepen.io">CodePen</a>.</iframe>';

-1

Source: stackoverflow.com

Similar codes

0 vote207 views2 answers
Can i pass data with usenavigate react router
Javascript React
0 vote249 views1 answer
React avoid spreading non-dom props across component
Javascript React
8 votes192 views3 answers
React Lazy()
Javascript React
105 votes250 views1 answer
React web app create
Javascript React
0 vote180 views2 answers
Selected css based on route react
Javascript React
1 vote190 views1 answer
Dynamic forms in react
Javascript React
18 votes189 views2 answers
How to store an array in localstorage reactjs
Javascript React
16 votes198 views1 answer
Deploy react app netlify
Javascript React
5 votes228 views1 answer
React in laravel
Javascript React
0 vote249 views1 answer
Onclick react history map
Javascript React