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

Relationship Graph

Source Code

packages/astro/test/fixtures/solid-component/src/components/Counter.jsx lines 5–34

export default function Counter(props) {
	return (
		<For each={[1, 2, 3, 4]}>
			{(page) => {
				return (
					<Switch>
						<Match when={page % 2 === 0}>
							<button
								onClick={() => {
									console.log(page);
								}}
							>
								even {page}
							</button>
						</Match>
						<Match when={page % 2 === 1}>
							<button
								onClick={() => {
									console.log(page);
								}}
							>
								odd {page}
							</button>
						</Match>
					</Switch>
				);
			}}
		</For>
	);
}