render() — react Function Reference

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

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  bb48da2e_3380_fd3c_897e_11b1143ab4a5["render()"]
  2423e1ea_edaa_6c8c_9ebd_17041df87a9f["ErrorBoundary"]
  bb48da2e_3380_fd3c_897e_11b1143ab4a5 -->|defined in| 2423e1ea_edaa_6c8c_9ebd_17041df87a9f
  style bb48da2e_3380_fd3c_897e_11b1143ab4a5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/error-handling/index.js lines 39–52

  render() {
    if (this.state.didThrow) {
      if (this.state.error) {
        return <p>Captured an error: {this.state.error.message}</p>;
      } else {
        return <p>Captured an error: {String(this.state.error)}</p>;
      }
    }
    if (this.state.shouldThrow) {
      const BadChild = this.props.badChildType;
      return <BadChild doThrow={this.props.doThrow} />;
    }
    return <button onClick={this.triggerError}>{this.props.buttonText}</button>;
  }