render() — react Function Reference

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

Function javascript BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  7e935781_20c3_a069_5200_463cd6d9c1dc["render()"]
  2e340e4f_fc25_0148_de3a_aba5e54f7ddb["SimpleApp"]
  7e935781_20c3_a069_5200_463cd6d9c1dc -->|defined in| 2e340e4f_fc25_0148_de3a_aba5e54f7ddb
  8bc751ab_0fb9_4861_942e_2d902649e227["render()"]
  7e935781_20c3_a069_5200_463cd6d9c1dc -->|calls| 8bc751ab_0fb9_4861_942e_2d902649e227
  style 7e935781_20c3_a069_5200_463cd6d9c1dc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/devtools/regression/shared.js lines 277–291

  render() {
    const {count} = this.state;
    return (
      <div>
        {count % 2 === 0 ? (
          <span>
            count: {count} <Even />
          </span>
        ) : (
          <span>count: {count}</span>
        )}{' '}
        <button onClick={this.incrementCount}>increment</button>
      </div>
    );
  }