Home / Function/ Component() — react Function Reference

Component() — react Function Reference

Architecture documentation for the Component() function in component.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  0ac68133_aa82_7f90_5249_0e18ffa46316["Component()"]
  602c72fc_8ab5_b18c_caa2_85b71d84bbbb["component.js"]
  0ac68133_aa82_7f90_5249_0e18ffa46316 -->|defined in| 602c72fc_8ab5_b18c_caa2_85b71d84bbbb
  style 0ac68133_aa82_7f90_5249_0e18ffa46316 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.js lines 1–26

function Component(props) {
  const items = props.items;
  const maxItems = props.maxItems;

  const renderedItems = [];
  const seen = new Set();
  const max = Math.max(0, maxItems);
  for (let i = 0; i < items.length; i += 1) {
    const item = items.at(i);
    if (item == null || seen.has(item)) {
      continue;
    }
    seen.add(item);
    renderedItems.push(<div>{item}</div>);
    if (renderedItems.length >= max) {
      break;
    }
  }
  const count = renderedItems.length;
  return (
    <div>
      <h1>{count} Items</h1>
      {renderedItems}
    </div>
  );
}

Subdomains

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/component.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component.js at line 1.

Analyze Your Own Codebase

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

Try Supermodel Free