Basic

View Source

1
2
3
4
5
6
import { CodeBlock } from 'mdxts/components'

export function Basic() {
  return <CodeBlock source="./counter/useCounter.ts" />
}

./counter/useCounter.ts

import { useState } from 'react'

export function useCounter(initialValue: number = 0) {
  const [count, setCount] = useState(initialValue)
  return {
    count,
    increment: () => setCount(count + 1),
    decrement: () => setCount(count - 1),
  }
}