render() — react Function Reference

Architecture documentation for the render() function in index.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
  8897e5bb_5ac8_e345_b44e_393167fb7308["render()"]
  6a594782_d528_12c1_5083_49cda695f364["SuspendyTreeChild"]
  8897e5bb_5ac8_e345_b44e_393167fb7308 -->|defined in| 6a594782_d528_12c1_5083_49cda695f364
  f765f743_9b21_7861_ddf0_181676d13f00["render()"]
  f765f743_9b21_7861_ddf0_181676d13f00 -->|calls| 8897e5bb_5ac8_e345_b44e_393167fb7308
  f765f743_9b21_7861_ddf0_181676d13f00["render()"]
  8897e5bb_5ac8_e345_b44e_393167fb7308 -->|calls| f765f743_9b21_7861_ddf0_181676d13f00
  style 8897e5bb_5ac8_e345_b44e_393167fb7308 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/suspense/index.js lines 47–59

  render() {
    return (
      <>
        <Suspense fallback={<div>(display: none)</div>}>
          <div>
            <AsyncStep text={`${this.state.step} + ${this.id}`} ms={500} />
            {this.props.children}
          </div>
        </Suspense>
        <button onClick={this.increment}>Hide</button>
      </>
    );
  }