render() — react Function Reference

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

Function javascript BabelCompiler Optimization calls 1 called by 2

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  5bbf2272_9d62_8ee8_e825_12839da5602d["render()"]
  c2133f9c_0867_eb3d_a881_0e2e985dfbe0["CodeError"]
  5bbf2272_9d62_8ee8_e825_12839da5602d -->|defined in| c2133f9c_0867_eb3d_a881_0e2e985dfbe0
  465aa136_6d40_bbe7_fc36_1893d01cddd8["render()"]
  465aa136_6d40_bbe7_fc36_1893d01cddd8 -->|calls| 5bbf2272_9d62_8ee8_e825_12839da5602d
  fab813e3_12c8_f97c_4ba0_4d6f53b355b8["render()"]
  fab813e3_12c8_f97c_4ba0_4d6f53b355b8 -->|calls| 5bbf2272_9d62_8ee8_e825_12839da5602d
  465aa136_6d40_bbe7_fc36_1893d01cddd8["render()"]
  5bbf2272_9d62_8ee8_e825_12839da5602d -->|calls| 465aa136_6d40_bbe7_fc36_1893d01cddd8
  style 5bbf2272_9d62_8ee8_e825_12839da5602d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/hydration/Code.js lines 68–91

  render() {
    const {error, className} = this.props;

    if (!error) {
      return null;
    }

    if (supportsDetails) {
      const [summary, ...body] = error.message.split(/\n+/g);

      if (body.length >= 0) {
        return <div className={className}>{summary}</div>;
      }

      return (
        <details className={className}>
          <summary>{summary}</summary>
          {body.join('\n')}
        </details>
      );
    }

    return <div className={className}>{error.message}</div>;
  }