addObjectToProperties() — react Function Reference

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

Function javascript BabelCompiler Entrypoint calls 1 called by 1

Entity Profile

BabelCompiler→ Entrypoint→ addObjectToProperties() — react Function Reference

Dependency Diagram

graph TD
  905fcff8_b665_e69a_058c_2e2fbdc08412["addObjectToProperties()"]
  b0d758a8_615d_45ad_e2e2_843278426960["ReactPerformanceTrackProperties.js"]
  905fcff8_b665_e69a_058c_2e2fbdc08412 -->|defined in| b0d758a8_615d_45ad_e2e2_843278426960
  f57b9904_83aa_6b26_ca52_4cf0fa795144["addValueToProperties()"]
  f57b9904_83aa_6b26_ca52_4cf0fa795144 -->|calls| 905fcff8_b665_e69a_058c_2e2fbdc08412
  f57b9904_83aa_6b26_ca52_4cf0fa795144["addValueToProperties()"]
  905fcff8_b665_e69a_058c_2e2fbdc08412 -->|calls| f57b9904_83aa_6b26_ca52_4cf0fa795144
  style 905fcff8_b665_e69a_058c_2e2fbdc08412 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shared/ReactPerformanceTrackProperties.js lines 58–83

export function addObjectToProperties(
  object: Object,
  properties: Array<[string, string]>,
  indent: number,
  prefix: string,
): void {
  let addedProperties = 0;
  for (const key in object) {
    if (hasOwnProperty.call(object, key) && key[0] !== '_') {
      addedProperties++;
      const value = object[key];
      addValueToProperties(key, value, properties, indent, prefix);
      if (addedProperties >= OBJECT_WIDTH_LIMIT) {
        properties.push([
          prefix +
            '\xa0\xa0'.repeat(indent) +
            'Only ' +
            OBJECT_WIDTH_LIMIT +
            ' properties are shown. React will not log more properties of this object.',
          '',
        ]);
        break;
      }
    }
  }
}