render() — react Function Reference

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

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  f66cf7f6_7e18_f18a_77fa_72249aac1a9f["render()"]
  81d3f71e_2ab2_41f2_770b_38ed71640c66["Page"]
  f66cf7f6_7e18_f18a_77fa_72249aac1a9f -->|defined in| 81d3f71e_2ab2_41f2_770b_38ed71640c66
  style f66cf7f6_7e18_f18a_77fa_72249aac1a9f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/ssr/src/components/Page.js lines 25–47

  render() {
    const link = (
      <a className="link" onClick={this.handleClick}>
        Click Here
      </a>
    );
    return (
      <div className={this.context + '-box'}>
        <Suspend>
          <p suppressHydrationWarning={true}>
            A random number: {Math.random()}
          </p>
          <p>Autofocus on page load: {autofocusedInputs}</p>
          <p>{!this.state.active ? link : 'Thanks!'}</p>
          {this.state.active && <p>Autofocus on update: {autofocusedInputs}</p>}
          <p>
            Controlled input:{' '}
            <input value={this.state.value} onChange={this.handleChange} />
          </p>
        </Suspend>
      </div>
    );
  }