render() — react Function Reference

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

Function javascript BabelCompiler Entrypoint calls 1 called by 1

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  f765f743_9b21_7861_ddf0_181676d13f00["render()"]
  0eadbd23_32a8_5a62_5874_e3f89e2fd459["SuspendyTree"]
  f765f743_9b21_7861_ddf0_181676d13f00 -->|defined in| 0eadbd23_32a8_5a62_5874_e3f89e2fd459
  8897e5bb_5ac8_e345_b44e_393167fb7308["render()"]
  8897e5bb_5ac8_e345_b44e_393167fb7308 -->|calls| f765f743_9b21_7861_ddf0_181676d13f00
  8897e5bb_5ac8_e345_b44e_393167fb7308["render()"]
  f765f743_9b21_7861_ddf0_181676d13f00 -->|calls| 8897e5bb_5ac8_e345_b44e_393167fb7308
  style f765f743_9b21_7861_ddf0_181676d13f00 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/suspense/index.js lines 87–106

  render() {
    return (
      <>
        <div ref={this.parentContainer}>
          <div ref={this.container} />
        </div>
        <div>
          {this.container.current !== null
            ? ReactDOM.createPortal(
                <>
                  <SuspendyTreeChild>{this.props.children}</SuspendyTreeChild>
                  <button onClick={this.removeAndRestore}>Remove</button>
                </>,
                this.container.current
              )
            : null}
        </div>
      </>
    );
  }