printSuspense() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ printSuspense() — react Function Reference

Dependency Diagram

graph TD
  2403d611_a1c2_a09d_7552_501d48491b77["printSuspense()"]
  fa31bba5_57ed_1039_52bb_4a8cb4382642["utils.js"]
  2403d611_a1c2_a09d_7552_501d48491b77 -->|defined in| fa31bba5_57ed_1039_52bb_4a8cb4382642
  ae59a0ab_8058_50ec_939d_2f5c2fbce4f2["printSuspenseWithChildren()"]
  ae59a0ab_8058_50ec_939d_2f5c2fbce4f2 -->|calls| 2403d611_a1c2_a09d_7552_501d48491b77
  9e791acc_1fb9_a677_caed_88191a0f766b["printRects()"]
  2403d611_a1c2_a09d_7552_501d48491b77 -->|calls| 9e791acc_1fb9_a677_caed_88191a0f766b
  style 2403d611_a1c2_a09d_7552_501d48491b77 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/utils.js lines 65–71

function printSuspense(suspense: SuspenseNode): string {
  const name = ` name="${suspense.name || 'Unknown'}"`;
  const hasUniqueSuspenders = ` uniqueSuspenders={${suspense.hasUniqueSuspenders ? 'true' : 'false'}}`;
  const printedRects = printRects(suspense.rects);

  return `<Suspense${name}${hasUniqueSuspenders}${printedRects}>`;
}