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
  20339da4_31d5_220d_d2a8_31175d9d02da["Counter()"]
  c6bb418d_bb15_ccfa_4943_c4fa4c98aa51["Counter.jsx"]
  20339da4_31d5_220d_d2a8_31175d9d02da -->|defined in| c6bb418d_bb15_ccfa_4943_c4fa4c98aa51
  style 20339da4_31d5_220d_d2a8_31175d9d02da fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/test/fixtures/astro-assets-prefix/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>
  );
}