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

68 votes269 views3 answers
React add inline styles in react
Javascript React
28 votes187 views6 answers
React proptypes
Javascript React
0 vote209 views1 answer
React-native-safe-area-context
Javascript React
0 vote261 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote208 views1 answer
How to show content-type:image/jpg in react
Javascript React
1 vote187 views1 answer
React list
Javascript React
63 votes233 views3 answers
Concat two arrays in react
Javascript React
1 vote201 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote236 views1 answer
React bootstrap profile card
Javascript React
0 vote231 views1 answer
React hooks link to external site
Javascript React