Home / Function/ Counter() — react Function Reference

Counter() — react Function Reference

Architecture documentation for the Counter() function in update-expressions.e2e.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  a4a2ed55_03c6_a8e0_f1dc_19b51d528139["Counter()"]
  6a22fc9f_1a4b_6610_95d6_bfdc001cec83["update-expressions.e2e.js"]
  a4a2ed55_03c6_a8e0_f1dc_19b51d528139 -->|defined in| 6a22fc9f_1a4b_6610_95d6_bfdc001cec83
  style a4a2ed55_03c6_a8e0_f1dc_19b51d528139 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-expressions.e2e.js lines 12–29

function Counter(props) {
  'use memo';
  let value = props.value;
  let a = value++;
  expect(a).toBe(props.value); // postfix
  let b = ++value;
  expect(b).toBe(props.value + 2); // previous postfix operation + prefix operation
  let c = ++value;
  expect(c).toBe(props.value + 3);
  let d = value--;
  expect(d).toBe(props.value + 3);
  let e = --value;
  expect(e).toBe(props.value + 1);
  let f = --value;
  expect(f).toBe(props.value);
  expect(value).toBe(props.value);
  return <span>{value}</span>;
}

Subdomains

Frequently Asked Questions

What does Counter() do?
Counter() is a function in the react codebase, defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-expressions.e2e.js.
Where is Counter() defined?
Counter() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/update-expressions.e2e.js at line 12.

Analyze Your Own Codebase

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

Try Supermodel Free