render() — react Function Reference

Architecture documentation for the render() function in ReactDOM-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
  c3c9f6cf_18bf_2f9d_c4b2_279bf91a1d63["render()"]
  38ca9685_4f37_3d77_ebfb_58a3e5d82ea4["Wrapper"]
  c3c9f6cf_18bf_2f9d_c4b2_279bf91a1d63 -->|defined in| 38ca9685_4f37_3d77_ebfb_58a3e5d82ea4
  727482d2_3ad1_dd3d_4913_1398921ed10e["render()"]
  727482d2_3ad1_dd3d_4913_1398921ed10e -->|calls| c3c9f6cf_18bf_2f9d_c4b2_279bf91a1d63
  727482d2_3ad1_dd3d_4913_1398921ed10e["render()"]
  c3c9f6cf_18bf_2f9d_c4b2_279bf91a1d63 -->|calls| 727482d2_3ad1_dd3d_4913_1398921ed10e
  style c3c9f6cf_18bf_2f9d_c4b2_279bf91a1d63 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactDOM-test.js lines 397–415

      render() {
        return (
          <div>
            <div
              onClick={() => {
                actual.push('1st node clicked');
                this.ref2.click();
              }}
              ref={ref => (this.ref1 = ref)}
            />
            <div
              onClick={ref => {
                actual.push("2nd node clicked imperatively from 1st's handler");
              }}
              ref={ref => (this.ref2 = ref)}
            />
          </div>
        );
      }