_handleClick() — react Function Reference

Architecture documentation for the _handleClick() function in SchedulingEventsView.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ _handleClick() — react Function Reference

Dependency Diagram

graph TD
  8dcdebb7_90c8_2bb2_ec59_946597f384cb["_handleClick()"]
  b603a917_4a82_e943_1f8b_6d182bba008b["SchedulingEventsView"]
  8dcdebb7_90c8_2bb2_ec59_946597f384cb -->|defined in| b603a917_4a82_e943_1f8b_6d182bba008b
  f1973f0e_f579_1212_e145_55004bca6693["handleInteraction()"]
  f1973f0e_f579_1212_e145_55004bca6693 -->|calls| 8dcdebb7_90c8_2bb2_ec59_946597f384cb
  style 8dcdebb7_90c8_2bb2_ec59_946597f384cb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/content-views/SchedulingEventsView.js lines 263–276

  _handleClick(interaction: ClickInteraction) {
    const {onClick} = this;
    if (onClick) {
      const {
        _profilerData: {schedulingEvents},
      } = this;
      const eventIndex = schedulingEvents.findIndex(
        event => event === this._hoveredEvent,
      );
      // onHover is going to take care of all the difficult logic here of
      // figuring out which event when they're proximity is close.
      onClick(this._hoveredEvent, eventIndex >= 0 ? eventIndex : null);
    }
  }