react Architecture Docs
Home / Function/ handleInteraction() — react Function Reference

handleInteraction() — react Function Reference

Architecture documentation for the handleInteraction() function in HorizontalPanAndZoomView.js from the react codebase.

Function javascript BabelCompiler Validation calls 5

Entity Profile

Dependency Diagram

graph TD
  6153f3f9_e7cd_ad34_9d0a_89b5424a4b64["handleInteraction()"]
  286a732c_79f8_d4a2_284e_8f3ea43c6d7d["HorizontalPanAndZoomView"]
  6153f3f9_e7cd_ad34_9d0a_89b5424a4b64 -->|defined in| 286a732c_79f8_d4a2_284e_8f3ea43c6d7d
  05ae85d4_9003_2adf_73c8_cf23fd4a009f["_handleMouseDown()"]
  6153f3f9_e7cd_ad34_9d0a_89b5424a4b64 -->|calls| 05ae85d4_9003_2adf_73c8_cf23fd4a009f
  34d782a2_e7cd_4614_a385_810a1041f544["_handleMouseMove()"]
  6153f3f9_e7cd_ad34_9d0a_89b5424a4b64 -->|calls| 34d782a2_e7cd_4614_a385_810a1041f544
  1ed652d5_87a5_0997_e169_967fb6ccaba6["_handleMouseUp()"]
  6153f3f9_e7cd_ad34_9d0a_89b5424a4b64 -->|calls| 1ed652d5_87a5_0997_e169_967fb6ccaba6
  fd7bd265_3613_50c6_41d6_401ef40af331["_handleWheel()"]
  6153f3f9_e7cd_ad34_9d0a_89b5424a4b64 -->|calls| fd7bd265_3613_50c6_41d6_401ef40af331
  a955e197_8406_3a9f_70b7_bd2bc137a188["handleInteraction()"]
  6153f3f9_e7cd_ad34_9d0a_89b5424a4b64 -->|calls| a955e197_8406_3a9f_70b7_bd2bc137a188
  style 6153f3f9_e7cd_ad34_9d0a_89b5424a4b64 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/HorizontalPanAndZoomView.js lines 126–142

  handleInteraction(interaction: Interaction, viewRefs: ViewRefs) {
    switch (interaction.type) {
      case 'mousedown':
        this._handleMouseDown(interaction, viewRefs);
        break;
      case 'mousemove':
        this._handleMouseMove(interaction, viewRefs);
        break;
      case 'mouseup':
        this._handleMouseUp(interaction, viewRefs);
        break;
      case 'wheel-plain':
      case 'wheel-shift':
        this._handleWheel(interaction);
        break;
    }
  }

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does handleInteraction() do?
handleInteraction() is a function in the react codebase, defined in packages/react-devtools-timeline/src/view-base/HorizontalPanAndZoomView.js.
Where is handleInteraction() defined?
handleInteraction() is defined in packages/react-devtools-timeline/src/view-base/HorizontalPanAndZoomView.js at line 126.
What does handleInteraction() call?
handleInteraction() calls 5 function(s): _handleMouseDown, _handleMouseMove, _handleMouseUp, _handleWheel, handleInteraction.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free