listenToNativeEvent() — react Function Reference

Architecture documentation for the listenToNativeEvent() function in DOMPluginEventSystem.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ listenToNativeEvent() — react Function Reference

Dependency Diagram

graph TD
  e1b9c7d1_a1e1_1549_f27b_3d61efc611d5["listenToNativeEvent()"]
  816b54e5_c63c_f8b2_68e8_0c637e281f03["DOMPluginEventSystem.js"]
  e1b9c7d1_a1e1_1549_f27b_3d61efc611d5 -->|defined in| 816b54e5_c63c_f8b2_68e8_0c637e281f03
  1884d626_40ec_9a1b_479a_628847a0dfef["listenToAllSupportedEvents()"]
  1884d626_40ec_9a1b_479a_628847a0dfef -->|calls| e1b9c7d1_a1e1_1549_f27b_3d61efc611d5
  56389510_e7e6_46ee_7567_7c604d5f262b["addTrappedEventListener()"]
  e1b9c7d1_a1e1_1549_f27b_3d61efc611d5 -->|calls| 56389510_e7e6_46ee_7567_7c604d5f262b
  style e1b9c7d1_a1e1_1549_f27b_3d61efc611d5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/events/DOMPluginEventSystem.js lines 376–401

export function listenToNativeEvent(
  domEventName: DOMEventName,
  isCapturePhaseListener: boolean,
  target: EventTarget,
): void {
  if (__DEV__) {
    if (nonDelegatedEvents.has(domEventName) && !isCapturePhaseListener) {
      console.error(
        'Did not expect a listenToNativeEvent() call for "%s" in the bubble phase. ' +
          'This is a bug in React. Please file an issue.',
        domEventName,
      );
    }
  }

  let eventSystemFlags = 0;
  if (isCapturePhaseListener) {
    eventSystemFlags |= IS_CAPTURE_PHASE;
  }
  addTrappedEventListener(
    target,
    domEventName,
    eventSystemFlags,
    isCapturePhaseListener,
  );
}