react Architecture Docs
Home / Function/ Component() — react Function Reference

Component() — react Function Reference

Architecture documentation for the Component() function in jsx-outlining-dupe-key-dupe-component.js from the react codebase.

Function javascript TestingUtilities Fixtures calls 1

Entity Profile

Dependency Diagram

graph TD
  32a4ee20_7154_f4c3_7f40_ea86f3656703["Component()"]
  85c169f8_8441_2780_52b5_a66d87db3797["jsx-outlining-dupe-key-dupe-component.js"]
  32a4ee20_7154_f4c3_7f40_ea86f3656703 -->|defined in| 85c169f8_8441_2780_52b5_a66d87db3797
  f381faff_5ca9_9208_ba52_8f79cf5196fe["useX()"]
  32a4ee20_7154_f4c3_7f40_ea86f3656703 -->|calls| f381faff_5ca9_9208_ba52_8f79cf5196fe
  style 32a4ee20_7154_f4c3_7f40_ea86f3656703 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-key-dupe-component.js lines 2–16

function Component({arr}) {
  const x = useX();
  return (
    <>
      {arr.map((i, id) => {
        return (
          <Bar key={id} x={x}>
            <Foo k={i + 'i'}></Foo>
            <Foo k={i + 'j'}></Foo>
          </Bar>
        );
      })}
    </>
  );
}

Domain

Subdomains

Defined In

Calls

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/jsx-outlining-dupe-key-dupe-component.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-key-dupe-component.js at line 2.
What does Component() call?
Component() calls 1 function(s): useX.

Analyze Your Own Codebase

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

Try Supermodel Free