render() — react Function Reference

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

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  a5f7f5bd_b7d4_8958_9f1b_a948cb69cfd6["render()"]
  3918ca30_fcfb_5385_45cb_422d953050ff["AboutSection"]
  a5f7f5bd_b7d4_8958_9f1b_a948cb69cfd6 -->|defined in| 3918ca30_fcfb_5385_45cb_422d953050ff
  style a5f7f5bd_b7d4_8958_9f1b_a948cb69cfd6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/nesting/src/legacy/Greeting.js lines 21–44

  render() {
    return (
      <ThemeContext.Consumer>
        {theme => (
          <div style={{border: '1px dashed black', padding: 20}}>
            <h3>src/legacy/Greeting.js</h3>
            <h4 style={{color: theme}}>
              This component is rendered by the nested React ({React.version}).
            </h4>
            <Clock />
            <p>
              Counter: {this.props.counter}{' '}
              <button onClick={() => this.props.dispatch({type: 'increment'})}>
                +
              </button>
            </p>
            <b>
              <Link to="/">Go to Home</Link>
            </b>
          </div>
        )}
      </ThemeContext.Consumer>
    );
  }