Happy to own this. Quick test looks optimistic:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>iFrame Test</title>
  </head>
  <body>
    <iframe id="frame"></iframe>

    <script src="https://fb.me/react-15.0.0-rc.2.min.js"></script>
    <script src="https://fb.me/react-dom-15.0.0-rc.2.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.js"></script>

    <script type="text/babel">
      var frame = document.getElementById('frame')

      var Clock = React.createClass({
        getInitialState() {
          return { time: Date.now() }
        },
        tick: function () {
          this.setState({ time: Date.now() })
        },
        render: function () {
          return (
            <div>
              <p>{ this.state.time }</p>
              <button onClick={ this.tick }>Update</button>
            </div>
          )
        }
      })

      ReactDOM.render(<Clock />, frame.contentDocument.body)
    </script>
  </body>
</html>

Think this captures the gist of it? I'm unclear how this is effected by the createElement flag.

Test case for iframe rendering #707

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions