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

SuspenseBreadcrumbsDropdown() — react Function Reference

Architecture documentation for the SuspenseBreadcrumbsDropdown() function in SuspenseBreadcrumbs.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

Dependency Diagram

graph TD
  dd9520b7_72ea_8b4f_4b37_b62dfc829090["SuspenseBreadcrumbsDropdown()"]
  0adf488f_cc01_d00c_692a_56c1f4de537f["SuspenseBreadcrumbs.js"]
  dd9520b7_72ea_8b4f_4b37_b62dfc829090 -->|defined in| 0adf488f_cc01_d00c_692a_56c1f4de537f
  style dd9520b7_72ea_8b4f_4b37_b62dfc829090 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js lines 208–244

function SuspenseBreadcrumbsDropdown({
  lineage,
  selectElement,
}: SuspenseBreadcrumbsDropdownProps) {
  const store = useContext(StoreContext);

  const menuItems = [];
  for (let index = lineage.length - 1; index >= 0; index--) {
    const suspenseNodeID = lineage[index];
    const node = store.getSuspenseByID(suspenseNodeID);
    menuItems.push(
      <MenuItem
        key={suspenseNodeID}
        className={`${styles.Component}`}
        onSelect={selectElement.bind(null, suspenseNodeID)}>
        {node === null ? 'Unknown' : node.name || 'Unknown'}
      </MenuItem>,
    );
  }

  return (
    <Menu>
      <MenuButton className={styles.SuspenseBreadcrumbsMenuButton}>
        <Tooltip label="Open elements dropdown">
          <span
            className={styles.SuspenseBreadcrumbsMenuButtonContent}
            tabIndex={-1}>
            <ButtonIcon type="more" />
          </span>
        </Tooltip>
      </MenuButton>
      <MenuList className={styles.SuspenseBreadcrumbsModal}>
        {menuItems}
      </MenuList>
    </Menu>
  );
}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

What does SuspenseBreadcrumbsDropdown() do?
SuspenseBreadcrumbsDropdown() is a function in the react codebase, defined in packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js.
Where is SuspenseBreadcrumbsDropdown() defined?
SuspenseBreadcrumbsDropdown() is defined in packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js at line 208.

Analyze Your Own Codebase

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

Try Supermodel Free