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 vote96 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
0 vote109 views1 answer
Libraries like html-react-parser
Javascript React
1 vote99 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote124 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote112 views5 answers
Arrow function component react shortcut vscode
Javascript React
3 votes108 views1 answer
InnerWidth react
Javascript React
-2 votes117 views1 answer
Keyboard close when typing react native
Javascript React
1 vote111 views1 answer
How to update version of dependencies reactjs
Javascript React
15 votes103 views6 answers
Axios react
Javascript React
1 vote114 views1 answer
React native fast image webp ios
Javascript React