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

SuspenseBreadcrumbsToParentButton() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseBreadcrumbs.js lines 251–277

function SuspenseBreadcrumbsToParentButton({
  lineage,
  selectedSuspenseID,
  selectElement,
}: SuspenseBreadcrumbsToParentButtonProps) {
  const store = useContext(StoreContext);
  const selectedIndex =
    selectedSuspenseID === null
      ? lineage.length - 1
      : lineage.indexOf(selectedSuspenseID);

  if (selectedIndex <= 0) {
    return null;
  }

  const parentID = lineage[selectedIndex - 1];
  const parent = store.getSuspenseByID(parentID);

  return (
    <Button
      className={parent !== null ? undefined : styles.NotInStore}
      onClick={parent !== null ? selectElement.bind(null, parentID) : null}
      title={`Up to ${parent === null ? 'Unknown' : parent.name || 'Unknown'}`}>
      <ButtonIcon type="previous" />
    </Button>
  );
}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free