render() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  43df8f94_7b9e_7101_f1b9_8a66626f5a2f["render()"]
  7525ab1d_f63f_1b70_472a_5ab791a0b627["LifeCycleComponent"]
  43df8f94_7b9e_7101_f1b9_8a66626f5a2f -->|defined in| 7525ab1d_f63f_1b70_472a_5ab791a0b627
  41fd00d1_abee_a62a_f64e_a793ebae3601["clone()"]
  43df8f94_7b9e_7101_f1b9_8a66626f5a2f -->|calls| 41fd00d1_abee_a62a_f64e_a793ebae3601
  style 43df8f94_7b9e_7101_f1b9_8a66626f5a2f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactComponentLifeCycle-test.js lines 298–308

      render() {
        const isInitialRender = !this.state.hasRenderCompleted;
        if (isInitialRender) {
          this._testJournal.stateInInitialRender = clone(this.state);
        } else {
          this._testJournal.stateInLaterRender = clone(this.state);
        }
        // you would *NEVER* do anything like this in real code!
        this.state.hasRenderCompleted = true;
        return <div ref={React.createRef()}>I am the inner DIV</div>;
      }