counter.jsx 575 B

1234567891011121314151617181920
  1. import styles from './counter.module.css';
  2. function Counter() {
  3. return (
  4. <div>
  5. <h3>计数器</h3>
  6. <div className={styles.row}>
  7. <button className={styles.button}>-</button>
  8. <span className={styles.value}></span>
  9. <button className={styles.button}>+</button>
  10. </div>
  11. <div className={styles.row}>
  12. <input className={styles.textbox} />
  13. <button className={styles.button}>Add Amount</button>
  14. <button className={styles.asyncButton}>Add Async</button>
  15. </div>
  16. </div>
  17. );
  18. }
  19. export default Counter;