Counter() — astro Function Reference

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

Function javascript IntegrationAdapters SsrAdapters

Entity Profile

IntegrationAdapters→ SsrAdapters→ Counter() — astro Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/astro/test/fixtures/solid-component/deps/solid-jsx-component/Counter.jsx lines 3–18

export default function Counter(props) {
	const [count, setCount] = createSignal(0);
	const add = () => setCount(count() + 1);
	const subtract = () => setCount(count() - 1);

	return (
		<>
			<div class="counter">
				<button onClick={subtract}>-</button>
				<pre>{count()}</pre>
				<button onClick={add}>+</button>
			</div>
			<div class="counter-message">{props.children}</div>
		</>
	);
}