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>
);
}
Domain
Subdomains
Defined In
Source
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