setReactSelectionFromBrowser() — react Function Reference

Architecture documentation for the setReactSelectionFromBrowser() function in elementSelection.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ setReactSelectionFromBrowser() — react Function Reference

Dependency Diagram

graph TD
  5c8f3c69_4960_a183_149e_75ac0f06f111["setReactSelectionFromBrowser()"]
  4f973625_4ea3_727f_a21d_315a6a251079["elementSelection.js"]
  5c8f3c69_4960_a183_149e_75ac0f06f111 -->|defined in| 4f973625_4ea3_727f_a21d_315a6a251079
  ee67482a_cd7d_7dad_d2f6_17a2894ae5f9["createBridge()"]
  ee67482a_cd7d_7dad_d2f6_17a2894ae5f9 -->|calls| 5c8f3c69_4960_a183_149e_75ac0f06f111
  style 5c8f3c69_4960_a183_149e_75ac0f06f111 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-extensions/src/main/elementSelection.js lines 18–40

export function setReactSelectionFromBrowser(bridge) {
  // When the user chooses a different node in the browser Elements tab,
  // copy it over to the hook object so that we can sync the selection.
  evalInInspectedWindow(
    'setReactSelectionFromBrowser',
    [],
    (didSelectionChange, evalError) => {
      if (evalError) {
        console.error(evalError);
      } else if (didSelectionChange) {
        if (!bridge) {
          console.error(
            'Browser element selection changed, but bridge was not initialized',
          );
          return;
        }

        // Remember to sync the selection next time we show inspected element
        bridge.send('syncSelectionFromBuiltinElementsPanel');
      }
    },
  );
}