diff options
author | 2022-08-04 14:16:51 -0400 | |
---|---|---|
committer | 2022-08-04 14:16:51 -0400 | |
commit | f591150512903014461e4fa1be3bc53bd261af2f (patch) | |
tree | dfdad8d11b3379cc47618398281ebca6e1be91bc /examples/framework-react/src/components/Counter.tsx | |
parent | 32580d4fdc6ba8bb9a7e39e0b2c001ab29b3b940 (diff) | |
download | astro-f591150512903014461e4fa1be3bc53bd261af2f.tar.gz astro-f591150512903014461e4fa1be3bc53bd261af2f.tar.zst astro-f591150512903014461e4fa1be3bc53bd261af2f.zip |
Audit examples templates (#3940)
* basics, framework-alpine, framework-solid, delete unused examples
* framework-multiple
* Remove non-standard file extensions, add missing .vscode folders
* Remove robots.txt
* Remove blog-multiple-authors
* Rewrite components comments to be consistent
* Update lockfile
* Remove unnecessary usage of SCSS in subpath example
* Fix props weirdness in portfolio example
* Remove Lit from `framework-multiple` for now
* Misc fixes
* Update lockfile
* I'm in lockfile hell, send help
Diffstat (limited to 'examples/framework-react/src/components/Counter.tsx')
-rw-r--r-- | examples/framework-react/src/components/Counter.tsx | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/examples/framework-react/src/components/Counter.tsx b/examples/framework-react/src/components/Counter.tsx new file mode 100644 index 000000000..6321469d3 --- /dev/null +++ b/examples/framework-react/src/components/Counter.tsx @@ -0,0 +1,19 @@ +import { useState } from 'react'; +import './Counter.css'; + +export default function Counter({ children, count: initialCount }: { children: JSX.Element, count: number }) { + const [count, setCount] = useState(initialCount); + const add = () => setCount((i) => i + 1); + const subtract = () => setCount((i) => i - 1); + + return ( + <> + <div className="counter"> + <button onClick={subtract}>-</button> + <pre>{count}</pre> + <button onClick={add}>+</button> + </div> + <div className="counter-message">{children}</div> + </> + ); +} |