componentDidMount() — react Function Reference

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

Function javascript CompilerCore Gating calls 1 called by 1

Entity Profile

CompilerCore→ Gating→ componentDidMount() — react Function Reference

Dependency Diagram

graph TD
  b76d4974_541c_74be_52f9_dee164ebdacf["componentDidMount()"]
  c1fa8676_06d2_f3ba_5360_fde9eeeab8e6["MouseEnterDetect"]
  b76d4974_541c_74be_52f9_dee164ebdacf -->|defined in| c1fa8676_06d2_f3ba_5360_fde9eeeab8e6
  1fabae20_724a_9a45_0d11_2f720bc53c43["componentDidMount()"]
  1fabae20_724a_9a45_0d11_2f720bc53c43 -->|calls| b76d4974_541c_74be_52f9_dee164ebdacf
  1fabae20_724a_9a45_0d11_2f720bc53c43["componentDidMount()"]
  b76d4974_541c_74be_52f9_dee164ebdacf -->|calls| 1fabae20_724a_9a45_0d11_2f720bc53c43
  style b76d4974_541c_74be_52f9_dee164ebdacf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/events/plugins/__tests__/EnterLeaveEventPlugin-test.js lines 187–195

      componentDidMount() {
        this.siblingEl.current.dispatchEvent(
          new MouseEvent('mouseout', {
            bubbles: true,
            cancelable: true,
            relatedTarget: this.firstEl.current,
          }),
        );
      }