Setting iframe height to scrollHeight in ReactJS

Question

• The typical solution to the problem doesn\'t work in in React due to its dynamically generated component structure and event model, as opposed to traditional static HT

Answer 1

Here is the answer, but first two important things.

• Iframe has to be the root component in the render() method
• The height has to be captured from the onLoad event (once the iframe if fully loaded)

Here is the full code:

import React, { Component, PropTypes } from 'react'
import ReactDOM from 'react-dom'

export default class FullheightIframe extends Component {

    constructor() {
        super();
        this.state = {
            iFrameHeight: '0px'
        }
    }

    render() {
        return (