render() — react Function Reference

Architecture documentation for the render() function in ReactDOMSuspensePlaceholder-test.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  2633d235_b42c_2215_04d5_3f6c6bd4c471["render()"]
  c4c8d121_1ddc_e50d_631d_752c5a7d868f["App"]
  2633d235_b42c_2215_04d5_3f6c6bd4c471 -->|defined in| c4c8d121_1ddc_e50d_631d_752c5a7d868f
  7f2d406d_8ec8_bee0_ac8b_ad50fd07f1b1["render()"]
  7f2d406d_8ec8_bee0_ac8b_ad50fd07f1b1 -->|calls| 2633d235_b42c_2215_04d5_3f6c6bd4c471
  7f2d406d_8ec8_bee0_ac8b_ad50fd07f1b1["render()"]
  2633d235_b42c_2215_04d5_3f6c6bd4c471 -->|calls| 7f2d406d_8ec8_bee0_ac8b_ad50fd07f1b1
  style 2633d235_b42c_2215_04d5_3f6c6bd4c471 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactDOMSuspensePlaceholder-test.js lines 271–282

      render() {
        return (
          <React.Suspense fallback="Loading">
            <Child id="first" />
            <button ref={buttonRef} onClick={this.handleClick}>
              Suspend
            </button>
            <Child id="second" />
            {this.state.suspend && <Lazy />}
          </React.Suspense>
        );
      }