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

Component() — react Function Reference

Architecture documentation for the Component() function in jsx-outlining-child-stored-in-id.js from the react codebase.

Function javascript CompilerCore BabelIntegration calls 1

Entity Profile

Dependency Diagram

graph TD
  9885f489_a3e5_6872_cdf3_31dfe529521b["Component()"]
  ab9ca29c_08af_9c7f_df78_02b730004339["jsx-outlining-child-stored-in-id.js"]
  9885f489_a3e5_6872_cdf3_31dfe529521b -->|defined in| ab9ca29c_08af_9c7f_df78_02b730004339
  1960fa14_c7fb_bf2a_81b8_f0f787626721["useX()"]
  9885f489_a3e5_6872_cdf3_31dfe529521b -->|calls| 1960fa14_c7fb_bf2a_81b8_f0f787626721
  style 9885f489_a3e5_6872_cdf3_31dfe529521b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-child-stored-in-id.js lines 2–18

function Component({arr}) {
  const x = useX();
  return arr.map(i => {
    <>
      {arr.map((i, id) => {
        let child = (
          <Bar x={x}>
            <Baz i={i}></Baz>
          </Bar>
        );

        let jsx = <div>{child}</div>;
        return jsx;
      })}
    </>;
  });
}

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-child-stored-in-id.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-child-stored-in-id.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