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
  b26daf6b_fc5c_179f_bef3_ed63738f2ce8["render()"]
  2f831484_6780_3e25_6728_17eeecc3bcad["ReactImage0"]
  b26daf6b_fc5c_179f_bef3_ed63738f2ce8 -->|defined in| 2f831484_6780_3e25_6728_17eeecc3bcad
  style b26daf6b_fc5c_179f_bef3_ed63738f2ce8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

scripts/bench/benchmarks/pe-class-components/benchmark.js lines 5–234

    render() {
      if (this.props.x === 0) {
        return React.createElement('i', {
          alt: '',
          className: '_3-99 img sp_i534r85sjIn sx_538591',
          src: null,
        });
      }
      if (this.props.x === 15) {
        return React.createElement('i', {
          className: '_3ut_ img sp_i534r85sjIn sx_e8ac93',
          src: null,
          alt: '',
        });
      }
      if (this.props.x === 22) {
        return React.createElement('i', {
          alt: '',
          className: '_3-8_ img sp_i534r85sjIn sx_7b15bc',
          src: null,
        });
      }
      if (this.props.x === 29) {
        return React.createElement('i', {
          className: '_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c',
          src: null,
          alt: '',
        });
      }
      if (this.props.x === 42) {
        return React.createElement(
          'i',
          {
            alt: 'Warning',
            className: '_585p img sp_i534r85sjIn sx_20273d',
            src: null,
          },
          React.createElement('u', null, 'Warning')
        );
      }
      if (this.props.x === 67) {
        return React.createElement('i', {
          alt: '',
          className: '_3-8_ img sp_i534r85sjIn sx_b5d079',
          src: null,
        });
      }
      if (this.props.x === 70) {
        return React.createElement('i', {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_29f8c9',
        });
      }
      if (this.props.x === 76) {
        return React.createElement('i', {
          alt: '',
          className: '_3-8_ img sp_i534r85sjIn sx_ef6a9c',
          src: null,
        });
      }
      if (this.props.x === 79) {
        return React.createElement('i', {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_6f8c43',
        });
      }
      if (this.props.x === 88) {
        return React.createElement('i', {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_e94a2d',
        });
      }
      if (this.props.x === 91) {
        return React.createElement('i', {
          src: null,
          alt: '',
          className: 'img sp_i534r85sjIn sx_7ed7d4',
        });