ObjectProps() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ ObjectProps() — react Function Reference

Dependency Diagram

graph TD
  b811f97c_86ba_c5ab_dfd2_714791096c0c["ObjectProps()"]
  7e82fcb1_9f36_01a2_2f38_3c789b197976["NestedProps.js"]
  b811f97c_86ba_c5ab_dfd2_714791096c0c -->|defined in| 7e82fcb1_9f36_01a2_2f38_3c789b197976
  style b811f97c_86ba_c5ab_dfd2_714791096c0c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/InspectableElements/NestedProps.js lines 22–60

export default function ObjectProps(): React.Node {
  return (
    <ChildComponent
      object={{
        outer: {
          inner: object,
        },
      }}
      array={['first', 'second', 'third']}
      objectInArray={[object]}
      arrayInObject={{array: ['first', 'second', 'third']}}
      deepObject={{
        // Known limitation: we won't go deeper than several levels.
        // In the future, we might offer a way to request deeper access on demand.
        a: {
          b: {
            c: {
              d: {
                e: {
                  f: {
                    g: {
                      h: {
                        i: {
                          j: 10,
                        },
                      },
                    },
                  },
                },
              },
            },
          },
        },
      }}
      emptyArray={[]}
      emptyObject={{}}
    />
  );
}