render() — react Function Reference

Architecture documentation for the render() function in Iframe.js from the react codebase.

Function javascript BabelCompiler Optimization calls 1 called by 1

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  c0ee5f36_53e8_c70b_2bb1_2c118557f22a["render()"]
  e98a877d_4716_e0c7_7c4d_089bac92fd33["IframePortal"]
  c0ee5f36_53e8_c70b_2bb1_2c118557f22a -->|defined in| e98a877d_4716_e0c7_7c4d_089bac92fd33
  c7d2db9a_d5f9_f171_5889_1b1ce15b2164["render()"]
  c7d2db9a_d5f9_f171_5889_1b1ce15b2164 -->|calls| c0ee5f36_53e8_c70b_2bb1_2c118557f22a
  c7d2db9a_d5f9_f171_5889_1b1ce15b2164["render()"]
  c0ee5f36_53e8_c70b_2bb1_2c118557f22a -->|calls| c7d2db9a_d5f9_f171_5889_1b1ce15b2164
  style c0ee5f36_53e8_c70b_2bb1_2c118557f22a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/Iframe.js lines 22–42

  render() {
    const ref = this.iframeRef;
    let portal = null;
    if (ref && ref.contentDocument) {
      portal = ReactDOM.createPortal(
        this.props.children,
        ref.contentDocument.body
      );
    }

    return (
      <div>
        <iframe
          title="Iframe portal"
          style={{border: 'none', height: this.props.height}}
          ref={this.handleRef}
        />
        {portal}
      </div>
    );
  }