Inserting the iframe into react component

by

If you don’t want to use dangerouslySetInnerHTML then you can use the below mentioned solution 

var Iframe = React.createClass({     
  render: function() {
    return(         
      <div>          
        <iframe src={this.props.src} height={this.props.height} width={this.props.width}/>         
      </div>
    )
  }
});

ReactDOM.render(
  <Iframe src="http://plnkr.co/" height="500" width="500"/>,
  document.getElementById('example')
);

here live demo is available Demo

More Related Contents:

  1. Overcoming “Display forbidden by X-Frame-Options”
  2. Youtube iframe wmode issue
  3. Failed to load resource: net::ERR_INSECURE_RESPONSE
  4. Content script for iframe inside extension popup or background script
  5. Iframe scrolling iOS 8
  6. Is there a cross-domain iframe height auto-resizer that works?
  7. Apply a Greasemonkey/Tampermonkey userscript to an iframe
  8. Angular, onLoad function on an iFrame
  9. google homepage will not load in an iframe
  10. Load an iframe asynchronously
  11. How can I Gmail?
  12. using postmessage to refresh iframe’s parent document
  13. Can Cross-Origin Resource Sharing headers authorize X-Domain IFRAME access?
  14. Print iframe content in Opera and Chrome
  15. YouTube Autoplay does not work with iFrame
  16. How to set iframe content of a react component
  17. Invoking JavaScript code in an iframe from the parent page
  18. How to pass data from child component to its parent in ReactJS?
  19. React: “this” is undefined inside a component function
  20. “this” is undefined inside map function Reactjs
  21. React component initialize state from props
  22. Unexpected token < error in react router component
  23. What is withRouter for in react-router-dom?
  24. How can I call parent method in a child React component?
  25. How to use Google fonts in React.js?
  26. How to post JSON data from JavaScript frontend to FastAPI backend?
  27. Matched leaf route at location “/” does not have an element
  28. Simulate a button click in Jest
  29. Persistent navigation in a NextJs _app
  30. Getting the current src of an Iframe using JQuery [duplicate]

Leave a Comment