getWrappedName() — react Function Reference

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

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ getWrappedName() — react Function Reference

Dependency Diagram

graph TD
  8493dba9_c12e_b95f_0699_29d7340d40a9["getWrappedName()"]
  e2d659a0_137e_44c3_6d74_509023d250de["getComponentNameFromFiber.js"]
  8493dba9_c12e_b95f_0699_29d7340d40a9 -->|defined in| e2d659a0_137e_44c3_6d74_509023d250de
  6dfeed4b_1363_8fef_daae_a2380cbbe37c["getComponentNameFromOwner()"]
  6dfeed4b_1363_8fef_daae_a2380cbbe37c -->|calls| 8493dba9_c12e_b95f_0699_29d7340d40a9
  style 8493dba9_c12e_b95f_0699_29d7340d40a9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/getComponentNameFromFiber.js lines 56–66

function getWrappedName(
  outerType: mixed,
  innerType: any,
  wrapperName: string,
): string {
  const functionName = innerType.displayName || innerType.name || '';
  return (
    (outerType: any).displayName ||
    (functionName !== '' ? `${wrapperName}(${functionName})` : wrapperName)
  );
}