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

TooltipNativeEvent() — react Function Reference

Architecture documentation for the TooltipNativeEvent() function in EventTooltip.js from the react codebase.

Function javascript BabelCompiler Validation calls 3

Entity Profile

Dependency Diagram

graph TD
  5ee18cfd_40a4_9d02_3d6e_66eff58cbee5["TooltipNativeEvent()"]
  57dc23c0_c74d_e09e_ad1f_116cb590a38c["EventTooltip.js"]
  5ee18cfd_40a4_9d02_3d6e_66eff58cbee5 -->|defined in| 57dc23c0_c74d_e09e_ad1f_116cb590a38c
  9b5bb02f_1f54_393f_07e9_6f895ce3958a["trimString()"]
  5ee18cfd_40a4_9d02_3d6e_66eff58cbee5 -->|calls| 9b5bb02f_1f54_393f_07e9_6f895ce3958a
  5ec23e51_b01a_6d75_3953_f12a0c47408d["formatTimestamp()"]
  5ee18cfd_40a4_9d02_3d6e_66eff58cbee5 -->|calls| 5ec23e51_b01a_6d75_3953_f12a0c47408d
  7a7bab2a_0762_eb64_07af_7551fee380d1["formatDuration()"]
  5ee18cfd_40a4_9d02_3d6e_66eff58cbee5 -->|calls| 7a7bab2a_0762_eb64_07af_7551fee380d1
  style 5ee18cfd_40a4_9d02_3d6e_66eff58cbee5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/EventTooltip.js lines 211–234

const TooltipNativeEvent = ({nativeEvent}: {nativeEvent: NativeEvent}) => {
  const {duration, timestamp, type, warning} = nativeEvent;

  return (
    <>
      <div className={styles.TooltipSection}>
        <span className={styles.NativeEventName}>{trimString(type, 768)}</span>
        event
        <div className={styles.Divider} />
        <div className={styles.DetailsGrid}>
          <div className={styles.DetailsGridLabel}>Timestamp:</div>
          <div>{formatTimestamp(timestamp)}</div>
          <div className={styles.DetailsGridLabel}>Duration:</div>
          <div>{formatDuration(duration)}</div>
        </div>
      </div>
      {warning !== null && (
        <div className={styles.TooltipWarningSection}>
          <div className={styles.WarningText}>{warning}</div>
        </div>
      )}
    </>
  );
};

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does TooltipNativeEvent() do?
TooltipNativeEvent() is a function in the react codebase, defined in packages/react-devtools-timeline/src/EventTooltip.js.
Where is TooltipNativeEvent() defined?
TooltipNativeEvent() is defined in packages/react-devtools-timeline/src/EventTooltip.js at line 211.
What does TooltipNativeEvent() call?
TooltipNativeEvent() calls 3 function(s): formatDuration, formatTimestamp, trimString.

Analyze Your Own Codebase

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

Try Supermodel Free