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

Component() — react Function Reference

Architecture documentation for the Component() function in valid-setState-in-useEffect-controlled-by-ref-value.js from the react codebase.

Function javascript TestingUtilities Fixtures calls 2

Entity Profile

Dependency Diagram

graph TD
  3f43c62a_75d0_4dec_be65_52feb4f00c10["Component()"]
  49828520_f18a_148f_f5a5_6ce672181cb4["valid-setState-in-useEffect-controlled-by-ref-value.js"]
  3f43c62a_75d0_4dec_be65_52feb4f00c10 -->|defined in| 49828520_f18a_148f_f5a5_6ce672181cb4
  a88658d7_23c2_7be3_abcc_057e011ad324["areEqual()"]
  3f43c62a_75d0_4dec_be65_52feb4f00c10 -->|calls| a88658d7_23c2_7be3_abcc_057e011ad324
  0143080d_3eea_0d1b_7274_1f8cfe84ccf5["load()"]
  3f43c62a_75d0_4dec_be65_52feb4f00c10 -->|calls| 0143080d_3eea_0d1b_7274_1f8cfe84ccf5
  style 3f43c62a_75d0_4dec_be65_52feb4f00c10 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-controlled-by-ref-value.js lines 4–22

function Component({x, y}) {
  const previousXRef = useRef(null);
  const previousYRef = useRef(null);

  const [data, setData] = useState(null);

  useEffect(() => {
    const previousX = previousXRef.current;
    previousXRef.current = x;
    const previousY = previousYRef.current;
    previousYRef.current = y;
    if (!areEqual(x, previousX) || !areEqual(y, previousY)) {
      const data = load({x, y});
      setData(data);
    }
  }, [x, y]);

  return data;
}

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/valid-setState-in-useEffect-controlled-by-ref-value.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/valid-setState-in-useEffect-controlled-by-ref-value.js at line 4.
What does Component() call?
Component() calls 2 function(s): areEqual, load.

Analyze Your Own Codebase

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

Try Supermodel Free