describePropValue() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 3

Entity Profile

BabelCompiler→ Validation→ describePropValue() — react Function Reference

Dependency Diagram

graph TD
  f70bda65_503f_5299_be1d_ced97c87a0f6["describePropValue()"]
  e98a87b8_beb4_9d09_4d2f_78427872f8a3["ReactFiberHydrationDiffs.js"]
  f70bda65_503f_5299_be1d_ced97c87a0f6 -->|defined in| e98a87b8_beb4_9d09_4d2f_78427872f8a3
  60bd8b8e_9507_3645_9ea4_9eb42bba5086["describeCollapsedElement()"]
  60bd8b8e_9507_3645_9ea4_9eb42bba5086 -->|calls| f70bda65_503f_5299_be1d_ced97c87a0f6
  2747bd4b_fdc4_9488_e109_97887feb56e9["describeExpandedElement()"]
  2747bd4b_fdc4_9488_e109_97887feb56e9 -->|calls| f70bda65_503f_5299_be1d_ced97c87a0f6
  d76433b3_24cb_a703_296a_c8c399817ef2["describeElementDiff()"]
  d76433b3_24cb_a703_296a_c8c399817ef2 -->|calls| f70bda65_503f_5299_be1d_ced97c87a0f6
  6fb3c8d9_f609_4f23_100b_f5e78e47c0fd["describeValue()"]
  f70bda65_503f_5299_be1d_ced97c87a0f6 -->|calls| 6fb3c8d9_f609_4f23_100b_f5e78e47c0fd
  style f70bda65_503f_5299_be1d_ced97c87a0f6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberHydrationDiffs.js lines 245–256

function describePropValue(value: mixed, maxLength: number): string {
  if (typeof value === 'string' && !needsEscaping.test(value)) {
    if (value.length > maxLength - 2) {
      if (maxLength < 5) {
        return '"..."';
      }
      return '"' + value.slice(0, maxLength - 5) + '..."';
    }
    return '"' + value + '"';
  }
  return '{' + describeValue(value, maxLength - 2) + '}';
}