componentDidMount() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ componentDidMount() — react Function Reference

Dependency Diagram

graph TD
  13a9b0a5_046d_c623_5c46_ebf4b496eb95["componentDidMount()"]
  1ada1f6b_e92e_dd6d_78d1_ed184d5cef75["Foo"]
  13a9b0a5_046d_c623_5c46_ebf4b496eb95 -->|defined in| 1ada1f6b_e92e_dd6d_78d1_ed184d5cef75
  style 13a9b0a5_046d_c623_5c46_ebf4b496eb95 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js lines 1386–1398

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