Counter() — astro Function Reference

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

Function javascript E2ETesting TestFixtures

Entity Profile

E2ETesting→ TestFixtures→ Counter() — astro Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/astro/e2e/fixtures/solid-recurse/src/components/Counter.jsx lines 3–24

export default function Counter(props) {
  const [count, setCount] = createSignal(0);
  const type = props.type;

  return (
    <button
			id={props.id + '-' + type}
      data-type={type}
      ref={(el) =>
        console.log(
          ` ${type} ${type == el.dataset.type ? '==' : '!='} ${el.dataset.type}`
        )
      }
      onClick={() => {
        console.log('click');
        setCount((p) => ++p);
      }}
    >
      {type}: {count()}
    </button>
  );
}