render() — react Function Reference

Architecture documentation for the render() function in benchmark.js from the react codebase.

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  a40e6065_93a6_d685_773b_d3584539ea50["render()"]
  61acf234_3f3e_663a_aace_9da3193a0c50["XUIButton4"]
  a40e6065_93a6_d685_773b_d3584539ea50 -->|defined in| 61acf234_3f3e_663a_aace_9da3193a0c50
  style a40e6065_93a6_d685_773b_d3584539ea50 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

scripts/bench/benchmarks/pe-class-components/benchmark.js lines 817–884

    render() {
      if (this.props.x === 4) {
        return React.createElement(AbstractButton3, {x: 3});
      }
      if (this.props.x === 21) {
        return React.createElement(AbstractButton3, {x: 20});
      }
      if (this.props.x === 24) {
        return React.createElement(AbstractButton3, {x: 23});
      }
      if (this.props.x === 69) {
        return React.createElement(AbstractButton3, {x: 68});
      }
      if (this.props.x === 72) {
        return React.createElement(AbstractButton3, {x: 71});
      }
      if (this.props.x === 78) {
        return React.createElement(AbstractButton3, {x: 77});
      }
      if (this.props.x === 81) {
        return React.createElement(AbstractButton3, {x: 80});
      }
      if (this.props.x === 90) {
        return React.createElement(AbstractButton3, {x: 89});
      }
      if (this.props.x === 93) {
        return React.createElement(AbstractButton3, {x: 92});
      }
      if (this.props.x === 96) {
        return React.createElement(AbstractButton3, {x: 95});
      }
      if (this.props.x === 100) {
        return React.createElement(AbstractButton3, {x: 99});
      }
      if (this.props.x === 110) {
        return React.createElement(AbstractButton3, {x: 109});
      }
      if (this.props.x === 113) {
        return React.createElement(AbstractButton3, {x: 112});
      }
      if (this.props.x === 131) {
        return React.createElement(AbstractButton3, {x: 130});
      }
      if (this.props.x === 139) {
        return React.createElement(AbstractButton3, {x: 138});
      }
      if (this.props.x === 157) {
        return React.createElement(AbstractButton3, {x: 156});
      }
      if (this.props.x === 162) {
        return React.createElement(AbstractButton3, {x: 161});
      }
      if (this.props.x === 188) {
        return React.createElement(AbstractButton3, {x: 187});
      }
      if (this.props.x === 270) {
        return React.createElement(AbstractButton3, {x: 269});
      }
      if (this.props.x === 304) {
        return React.createElement(AbstractButton3, {x: 303});
      }
      if (this.props.x === 306) {
        return React.createElement(AbstractButton3, {x: 305});
      }
      if (this.props.x === 308) {
        return React.createElement(AbstractButton3, {x: 307});
      }
    }