Counter() — astro Function Reference

Architecture documentation for the Counter() function in Counter.jsx from the astro codebase.

Function javascript IntegrationAdapters ReactIntegration

Entity Profile

IntegrationAdapters→ ReactIntegration→ Counter() — astro Function Reference

Dependency Diagram

graph TD
  a6d46da0_1b52_a0f2_4198_5f4fbcdc90f3["Counter()"]
  25ca655e_bd7a_d6b2_ec2c_b49ad7830c79["Counter.jsx"]
  a6d46da0_1b52_a0f2_4198_5f4fbcdc90f3 -->|defined in| 25ca655e_bd7a_d6b2_ec2c_b49ad7830c79
  style a6d46da0_1b52_a0f2_4198_5f4fbcdc90f3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/test/fixtures/astro-assets-dir/src/components/Counter.jsx lines 3–11

export default function Counter() {
  const [count, setCount] = useState(0);
  return (
    <div>
      <div>Count: {count}</div>
      <button type="button" onClick={() => setCount(count+1)}>Increment</button>
    </div>
  );
}