componentDidMount() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ componentDidMount() — react Function Reference

Dependency Diagram

graph TD
  43b41f1b_703b_1b88_a149_c545c59b5898["componentDidMount()"]
  127019bb_3ae8_a754_e44b_b6cf187f347a["Surface"]
  43b41f1b_703b_1b88_a149_c545c59b5898 -->|defined in| 127019bb_3ae8_a754_e44b_b6cf187f347a
  style 43b41f1b_703b_1b88_a149_c545c59b5898 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-art/src/ReactART.js lines 74–96

  componentDidMount() {
    const {height, width} = this.props;

    this._surface = Mode.Surface(+width, +height, this._tagRef);

    this._mountNode = createContainer(
      this._surface,
      disableLegacyMode ? ConcurrentRoot : LegacyRoot,
      null,
      false,
      false,
      '',
      defaultOnUncaughtError,
      defaultOnCaughtError,
      defaultOnRecoverableError,
      defaultOnDefaultTransitionIndicator,
      null,
    );
    // 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();
  }