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

Component() — react Function Reference

Architecture documentation for the Component() function in jsx-outlining-with-non-jsx-children.js from the react codebase.

Function javascript TestingUtilities Fixtures calls 1

Entity Profile

Dependency Diagram

graph TD
  21e2714c_63a9_bf31_defd_e688a65f4c48["Component()"]
  e45bd2dc_2f6f_b200_cd87_ae7e05222771["jsx-outlining-with-non-jsx-children.js"]
  21e2714c_63a9_bf31_defd_e688a65f4c48 -->|defined in| e45bd2dc_2f6f_b200_cd87_ae7e05222771
  cc7294af_b161_a3d8_195e_a9d0a4b2a606["useX()"]
  21e2714c_63a9_bf31_defd_e688a65f4c48 -->|calls| cc7294af_b161_a3d8_195e_a9d0a4b2a606
  style 21e2714c_63a9_bf31_defd_e688a65f4c48 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-with-non-jsx-children.js lines 2–16

function Component({arr}) {
  const x = useX();
  return (
    <>
      {arr.map((i, id) => {
        return (
          <Bar key={id} x={x}>
            <Baz i={i}>Test</Baz>
            <Foo k={i} />
          </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-with-non-jsx-children.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-with-non-jsx-children.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