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

Component() — react Function Reference

Architecture documentation for the Component() function in jsx-outlining-separate-nested.js from the react codebase.

Function javascript TestingUtilities Fixtures calls 1

Entity Profile

Dependency Diagram

graph TD
  848eb39f_5262_761f_2c0f_9080ae93b706["Component()"]
  63b9efbf_6b4e_f5a8_70c0_7b27669482cc["jsx-outlining-separate-nested.js"]
  848eb39f_5262_761f_2c0f_9080ae93b706 -->|defined in| 63b9efbf_6b4e_f5a8_70c0_7b27669482cc
  d64ce7ee_251d_f7b4_de1c_2f2e3827788d["useX()"]
  848eb39f_5262_761f_2c0f_9080ae93b706 -->|calls| d64ce7ee_251d_f7b4_de1c_2f2e3827788d
  style 848eb39f_5262_761f_2c0f_9080ae93b706 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-outlining-separate-nested.js lines 2–17

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