componentDidUpdate() — react Function Reference

Architecture documentation for the componentDidUpdate() function in ReactUpdates-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
  a05bc2b3_a5a3_102a_4db2_fb8170dbfd15["componentDidUpdate()"]
  1d72d063_ac52_8aad_998a_3e56102a66ce["Outer"]
  a05bc2b3_a5a3_102a_4db2_fb8170dbfd15 -->|defined in| 1d72d063_ac52_8aad_998a_3e56102a66ce
  fd13d83c_681b_8d5d_bdf0_a6abff076816["componentDidUpdate()"]
  fd13d83c_681b_8d5d_bdf0_a6abff076816 -->|calls| a05bc2b3_a5a3_102a_4db2_fb8170dbfd15
  fd13d83c_681b_8d5d_bdf0_a6abff076816["componentDidUpdate()"]
  a05bc2b3_a5a3_102a_4db2_fb8170dbfd15 -->|calls| fd13d83c_681b_8d5d_bdf0_a6abff076816
  style a05bc2b3_a5a3_102a_4db2_fb8170dbfd15 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactUpdates-test.js lines 739–746

      componentDidUpdate() {
        const x = this.state.x;
        updates.push('Outer-didUpdate-' + x);
        updates.push('Inner-setState-' + x);
        this.innerRef.current.setState({x: x}, function () {
          updates.push('Inner-callback-' + x);
        });
      }