Home / Function/ Component() — react Function Reference

Component() — react Function Reference

Architecture documentation for the Component() function in useContext-maybe-mutate-context-in-callback.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  12604a28_e96e_a3cc_ebfd_23e27d4a6d99["Component()"]
  ba5104a1_ccad_2fad_d971_d47387d4c3bc["useContext-maybe-mutate-context-in-callback.js"]
  12604a28_e96e_a3cc_ebfd_23e27d4a6d99 -->|defined in| ba5104a1_ccad_2fad_d971_d47387d4c3bc
  style 12604a28_e96e_a3cc_ebfd_23e27d4a6d99 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.js lines 7–17

function Component(props) {
  const Foo = useContext(FooContext);
  // This callback can be memoized because we aren't 100% positive that
  // `mutate()` actually mutates, so we optimistically assume it doesn't
  // Its range doesn't get entagled w the useContext call so we're able
  // to create a reactive scope and memoize it.
  const onClick = () => {
    mutate(Foo.current);
  };
  return <div onClick={onClick}>{props.children}</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/useContext-maybe-mutate-context-in-callback.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/useContext-maybe-mutate-context-in-callback.js at line 7.

Analyze Your Own Codebase

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

Try Supermodel Free