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

InspectedElementSourcePanel() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

Dependency Diagram

graph TD
  d8ee40f3_aad4_2bd8_cdbd_41dafecefa42["InspectedElementSourcePanel()"]
  50c39210_7831_dde4_3a12_fc8ea644bc38["InspectedElementSourcePanel.js"]
  d8ee40f3_aad4_2bd8_cdbd_41dafecefa42 -->|defined in| 50c39210_7831_dde4_3a12_fc8ea644bc38
  style d8ee40f3_aad4_2bd8_cdbd_41dafecefa42 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSourcePanel.js lines 31–66

function InspectedElementSourcePanel({
  source,
  symbolicatedSourcePromise,
}: Props): React.Node {
  return (
    <div>
      <div className={styles.SourceHeaderRow}>
        <div className={styles.SourceHeader}>source</div>

        <React.Suspense
          fallback={
            <Button disabled={true} title="Loading source maps...">
              <ButtonIcon type="copy" />
            </Button>
          }>
          <CopySourceButton
            source={source}
            symbolicatedSourcePromise={symbolicatedSourcePromise}
          />
        </React.Suspense>
      </div>

      <React.Suspense
        fallback={
          <div className={styles.SourceOneLiner}>
            <Skeleton height={16} width="40%" />
          </div>
        }>
        <FormattedSourceString
          source={source}
          symbolicatedSourcePromise={symbolicatedSourcePromise}
        />
      </React.Suspense>
    </div>
  );
}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free