componentDidUpdate() — react Function Reference

Architecture documentation for the componentDidUpdate() function in ReactIncrementalUpdates-test.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ componentDidUpdate() — react Function Reference

Dependency Diagram

graph TD
  4c86871f_17a0_5d87_bda4_6210bd22c894["componentDidUpdate()"]
  7ef4f7c9_c41b_51fd_32f8_867032830d89["App"]
  4c86871f_17a0_5d87_bda4_6210bd22c894 -->|defined in| 7ef4f7c9_c41b_51fd_32f8_867032830d89
  a91ad044_6206_577d_5b87_b16112d576c3["componentDidUpdate()"]
  a91ad044_6206_577d_5b87_b16112d576c3 -->|calls| 4c86871f_17a0_5d87_bda4_6210bd22c894
  a91ad044_6206_577d_5b87_b16112d576c3["componentDidUpdate()"]
  4c86871f_17a0_5d87_bda4_6210bd22c894 -->|calls| a91ad044_6206_577d_5b87_b16112d576c3
  style 4c86871f_17a0_5d87_bda4_6210bd22c894 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/__tests__/ReactIncrementalUpdates-test.js lines 606–615

      componentDidUpdate() {
        Scheduler.log('Committed: ' + this.state.log);
        if (this.state.log === 'B') {
          // Right after B commits, schedule additional updates.
          ReactNoop.unstable_runWithPriority(ContinuousEventPriority, () =>
            this.pushToLog('C'),
          );
          this.pushToLog('D');
        }
      }