componentDidUpdate() — react Function Reference

Architecture documentation for the componentDidUpdate() function in ReactART.js from the react codebase.

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ componentDidUpdate() — react Function Reference

Dependency Diagram

graph TD
  edc7b2c3_d64f_4d1c_2942_98b8da7ee18e["componentDidUpdate()"]
  127019bb_3ae8_a754_e44b_b6cf187f347a["Surface"]
  edc7b2c3_d64f_4d1c_2942_98b8da7ee18e -->|defined in| 127019bb_3ae8_a754_e44b_b6cf187f347a
  dc04d002_8970_aeea_1f00_c9af1508fa29["render()"]
  edc7b2c3_d64f_4d1c_2942_98b8da7ee18e -->|calls| dc04d002_8970_aeea_1f00_c9af1508fa29
  style edc7b2c3_d64f_4d1c_2942_98b8da7ee18e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-art/src/ReactART.js lines 98–113

  componentDidUpdate(prevProps, prevState) {
    const props = this.props;

    if (props.height !== prevProps.height || props.width !== prevProps.width) {
      this._surface.resize(+props.width, +props.height);
    }

    // We synchronously flush updates coming from above so that they commit together
    // and so that refs resolve before the parent life cycles.
    updateContainerSync(this.props.children, this._mountNode, this);
    flushSyncWork();

    if (this._surface.render) {
      this._surface.render();
    }
  }