Home / File/ invalid-derived-state-from-computed-props.js — react Source File

invalid-derived-state-from-computed-props.js — react Source File

Architecture documentation for invalid-derived-state-from-computed-props.js, a javascript file in the react codebase. 1 imports, 0 dependents.

File javascript TestingUtilities Fixtures 1 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  c8f2f1b2_e1ae_5239_36f8_80617f281bad["invalid-derived-state-from-computed-props.js"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  c8f2f1b2_e1ae_5239_36f8_80617f281bad --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  style c8f2f1b2_e1ae_5239_36f8_80617f281bad fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
import {useEffect, useState} from 'react';

export default function Component(props) {
  const [displayValue, setDisplayValue] = useState('');

  useEffect(() => {
    const computed = props.prefix + props.value + props.suffix;
    setDisplayValue(computed);
  }, [props.prefix, props.value, props.suffix]);

  return <div>{displayValue}</div>;
}

export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  params: [{prefix: '[', value: 'test', suffix: ']'}],
};

Subdomains

Functions

Dependencies

  • react

Frequently Asked Questions

What does invalid-derived-state-from-computed-props.js do?
invalid-derived-state-from-computed-props.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 invalid-derived-state-from-computed-props.js?
invalid-derived-state-from-computed-props.js defines 1 function(s): Component.
What does invalid-derived-state-from-computed-props.js depend on?
invalid-derived-state-from-computed-props.js imports 1 module(s): react.
Where is invalid-derived-state-from-computed-props.js in the architecture?
invalid-derived-state-from-computed-props.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/invalid-derived-state-from-computed-props.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations).

Analyze Your Own Codebase

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

Try Supermodel Free