render() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  bc16a526_3566_13e1_1817_c39bea7c908d["render()"]
  91fa012a_d238_a4ff_672a_27d8d2bf542b["Content"]
  bc16a526_3566_13e1_1817_c39bea7c908d -->|defined in| 91fa012a_d238_a4ff_672a_27d8d2bf542b
  3da7a7dd_cbf4_fb73_a311_50887a4ee776["render()"]
  bc16a526_3566_13e1_1817_c39bea7c908d -->|calls| 3da7a7dd_cbf4_fb73_a311_50887a4ee776
  style bc16a526_3566_13e1_1817_c39bea7c908d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/__tests__/ReactIncrementalSideEffects-test.js lines 629–637

      render() {
        Scheduler.log('Content');
        return (
          <div>
            <Bar>{this.props.step === 0 ? 'Hi' : 'Hello'}</Bar>
            <Bar>{this.props.step === 0 ? this.props.text : 'World'}</Bar>
          </div>
        );
      }