addEventListeners() — react Function Reference

Architecture documentation for the addEventListeners() function in ReactFiberConfigART.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ addEventListeners() — react Function Reference

Dependency Diagram

graph TD
  f843a04b_a1b8_554a_de35_6b83906114d1["addEventListeners()"]
  18cde195_5800_e07a_4f5e_1af7f71a810d["ReactFiberConfigART.js"]
  f843a04b_a1b8_554a_de35_6b83906114d1 -->|defined in| 18cde195_5800_e07a_4f5e_1af7f71a810d
  75ce423e_6f2a_b462_47ad_f971dc38650b["applyNodeProps()"]
  75ce423e_6f2a_b462_47ad_f971dc38650b -->|calls| f843a04b_a1b8_554a_de35_6b83906114d1
  af1b17b0_4e73_708c_4e05_f2480314c9b5["createEventHandler()"]
  f843a04b_a1b8_554a_de35_6b83906114d1 -->|calls| af1b17b0_4e73_708c_4e05_f2480314c9b5
  style f843a04b_a1b8_554a_de35_6b83906114d1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-art/src/ReactFiberConfigART.js lines 37–61

function addEventListeners(instance, type, listener) {
  // We need to explicitly unregister before unmount.
  // For this reason we need to track subscriptions.
  if (!instance._listeners) {
    instance._listeners = {};
    instance._subscriptions = {};
  }

  instance._listeners[type] = listener;

  if (listener) {
    if (!instance._subscriptions[type]) {
      instance._subscriptions[type] = instance.subscribe(
        type,
        createEventHandler(instance),
        instance,
      );
    }
  } else {
    if (instance._subscriptions[type]) {
      instance._subscriptions[type]();
      delete instance._subscriptions[type];
    }
  }
}