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

Component() — react Function Reference

Architecture documentation for the Component() function in valid-setState-in-useEffect-via-useEffectEvent-listener.js from the react codebase.

Function javascript TestingUtilities Fixtures

Entity Profile

Dependency Diagram

graph TD
  d87c4265_ac5f_aa4f_381d_477565f7e8b5["Component()"]
  c7e015c7_7c1c_c2f4_1622_44b071f65256["valid-setState-in-useEffect-via-useEffectEvent-listener.js"]
  d87c4265_ac5f_aa4f_381d_477565f7e8b5 -->|defined in| c7e015c7_7c1c_c2f4_1622_44b071f65256
  style d87c4265_ac5f_aa4f_381d_477565f7e8b5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-listener.js lines 6–24

function Component() {
  const [state, setState] = useState(0);
  const effectEvent = useEffectEvent(() => {
    setState(10);
  });
  useEffect(() => {
    setTimeout(effectEvent, 10);
  });

  const effectEventWithTimeout = useEffectEvent(() => {
    setTimeout(() => {
      setState(20);
    }, 10);
  });
  useEffect(() => {
    effectEventWithTimeout();
  }, []);
  return state;
}

Domain

Subdomains

Defined In

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/valid-setState-in-useEffect-via-useEffectEvent-listener.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-via-useEffectEvent-listener.js at line 6.

Analyze Your Own Codebase

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

Try Supermodel Free