react Architecture Docs
Home / File/ reactive-control-dependency-phi-setState-type.js — react Source File

reactive-control-dependency-phi-setState-type.js — react Source File

Architecture documentation for reactive-control-dependency-phi-setState-type.js, a javascript file in the react codebase. 2 imports, 0 dependents.

File javascript TestingUtilities Fixtures 2 imports 2 functions

Entity Profile

Dependency Diagram

graph LR
  c8cb578e_f2ce_0c56_818f_deddb43f6190["reactive-control-dependency-phi-setState-type.js"]
  7b0f5d46_efcb_4a2d_89c1_7cee4a0f9bc8["invariant"]
  c8cb578e_f2ce_0c56_818f_deddb43f6190 --> 7b0f5d46_efcb_4a2d_89c1_7cee4a0f9bc8
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  c8cb578e_f2ce_0c56_818f_deddb43f6190 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  style c8cb578e_f2ce_0c56_818f_deddb43f6190 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import invariant from 'invariant';
import {useState} from 'react';

function Component(props) {
  const [x, setX] = useState(false);
  const [y, setY] = useState(false);
  let setState;
  if (props.cond) {
    setState = setX;
  } else {
    setState = setY;
  }
  const setState2 = setState;
  const stateObject = {setState: setState2};
  return (
    <Foo
      cond={props.cond}
      setX={setX}
      setY={setY}
      setState={stateObject.setState}
    />
  );
}

function Foo({cond, setX, setY, setState}) {
  if (cond) {
    invariant(setState === setX, 'Expected the correct setState function');
  } else {
    invariant(setState === setY, 'Expected the correct setState function');
  }
  return 'ok';
}

export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  params: [],
  sequentialRenders: [
    {cond: true},
    {cond: true},
    {cond: false},
    {cond: false},
    {cond: true},
    {cond: false},
    {cond: true},
    {cond: false},
  ],
};

Domain

Subdomains

Functions

Dependencies

  • invariant
  • react

Source

Frequently Asked Questions

What does reactive-control-dependency-phi-setState-type.js do?
reactive-control-dependency-phi-setState-type.js is a source file in the react codebase, written in javascript. It belongs to the TestingUtilities domain, Fixtures subdomain.
What functions are defined in reactive-control-dependency-phi-setState-type.js?
reactive-control-dependency-phi-setState-type.js defines 2 function(s): Component, Foo.
What does reactive-control-dependency-phi-setState-type.js depend on?
reactive-control-dependency-phi-setState-type.js imports 2 module(s): invariant, react.
Where is reactive-control-dependency-phi-setState-type.js in the architecture?
reactive-control-dependency-phi-setState-type.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/reactive-control-dependency-phi-setState-type.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler).

Analyze Your Own Codebase

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

Try Supermodel Free