Home / Function/ Component() — react Function Reference

Component() — react Function Reference

Architecture documentation for the Component() function in object-keys.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  73876d02_9c2b_e785_94a8_c4779510fa8c["Component()"]
  f96ecd19_8c9a_547a_b5ba_90e17d8d0c94["object-keys.js"]
  73876d02_9c2b_e785_94a8_c4779510fa8c -->|defined in| f96ecd19_8c9a_547a_b5ba_90e17d8d0c94
  style 73876d02_9c2b_e785_94a8_c4779510fa8c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-keys.js lines 6–24

function Component({items}) {
  const record = useMemo(
    () =>
      Object.fromEntries(
        items.map(item => [item.id, ref => <Stringify ref={ref} {...item} />])
      ),
    [items]
  );

  // Without a declaration for Object.entries(), this would be assumed to mutate
  // `record`, meaning existing memoization couldn't be preserved
  return (
    <div>
      {Object.keys(record).map(id => (
        <Stringify key={id} render={record[id]} />
      ))}
    </div>
  );
}

Subdomains

Frequently Asked Questions

What does Component() do?
Component() is a function in the react codebase, defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-keys.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/object-keys.js at line 6.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free