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

Component() — react Function Reference

Architecture documentation for the Component() function in jsx-outlining-dupe-attr-after-rename.js from the react codebase.

Function javascript CompilerCore BabelIntegration calls 1

Entity Profile

Dependency Diagram

graph TD
  5fcaa9fb_24ba_1b2c_87ff_0748238b41e9["Component()"]
  3dcb8955_965b_4e0c_fd52_b96e9aefdd81["jsx-outlining-dupe-attr-after-rename.js"]
  5fcaa9fb_24ba_1b2c_87ff_0748238b41e9 -->|defined in| 3dcb8955_965b_4e0c_fd52_b96e9aefdd81
  93c40877_eb7d_1067_15cc_986c97f46131["useX()"]
  5fcaa9fb_24ba_1b2c_87ff_0748238b41e9 -->|calls| 93c40877_eb7d_1067_15cc_986c97f46131
  style 5fcaa9fb_24ba_1b2c_87ff_0748238b41e9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-attr-after-rename.js lines 2–17

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>
            <Baz k1={i + 'j'}></Baz>
          </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-attr-after-rename.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-dupe-attr-after-rename.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