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

IndexableElementBadges() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

Dependency Diagram

graph TD
  6c5dd321_aa62_70b5_69c3_7a98c75675ee["IndexableElementBadges()"]
  0c2aa36f_2bfd_0e20_42bf_2839b3e43e73["IndexableElementBadges.js"]
  6c5dd321_aa62_70b5_69c3_7a98c75675ee -->|defined in| 0c2aa36f_2bfd_0e20_42bf_2839b3e43e73
  style 6c5dd321_aa62_70b5_69c3_7a98c75675ee fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/Components/IndexableElementBadges.js lines 25–58

export default function IndexableElementBadges({
  compiledWithForget,
  hocDisplayNames,
  elementID,
  className = '',
}: Props): React.Node {
  if (
    !compiledWithForget &&
    (hocDisplayNames == null || hocDisplayNames.length === 0)
  ) {
    return null;
  }

  return (
    <div className={`${styles.Root} ${className}`}>
      {compiledWithForget && (
        <ForgetBadge indexable={true} elementID={elementID} />
      )}

      {hocDisplayNames != null && hocDisplayNames.length > 0 && (
        <Badge>
          <IndexableDisplayName
            displayName={hocDisplayNames[0]}
            id={elementID}
          />
        </Badge>
      )}

      {hocDisplayNames != null && hocDisplayNames.length > 1 && (
        <div className={styles.ExtraLabel}>+{hocDisplayNames.length - 1}</div>
      )}
    </div>
  );
}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

What does IndexableElementBadges() do?
IndexableElementBadges() is a function in the react codebase, defined in packages/react-devtools-shared/src/devtools/views/Components/IndexableElementBadges.js.
Where is IndexableElementBadges() defined?
IndexableElementBadges() is defined in packages/react-devtools-shared/src/devtools/views/Components/IndexableElementBadges.js at line 25.

Analyze Your Own Codebase

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

Try Supermodel Free