componentDidMount() — react Function Reference

Architecture documentation for the componentDidMount() function in ReactUpdates-test.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ componentDidMount() — react Function Reference

Dependency Diagram

graph TD
  3ab889cb_bb32_62f1_d7c5_57571ce9f14f["componentDidMount()"]
  d0ab70f3_cdf9_0953_6748_584a47e8dc34["Foo"]
  3ab889cb_bb32_62f1_d7c5_57571ce9f14f -->|defined in| d0ab70f3_cdf9_0953_6748_584a47e8dc34
  style 3ab889cb_bb32_62f1_d7c5_57571ce9f14f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactUpdates-test.js lines 1512–1526

      componentDidMount() {
        const limit = 1200;
        for (let i = 0; i < limit; i++) {
          if (i < limit - 1) {
            ReactDOMClient.createRoot(document.createElement('div')).render(
              <Component />,
            );
          } else {
            // The "nested update limit" error isn't thrown until setState
            ReactDOMClient.createRoot(document.createElement('div')).render(
              <Component trigger={true} />,
            );
          }
        }
      }