useProcessing
useProcessing
は処理状態を管理するためのカスタムフックです。
インポート
import { useProcessing } from "@yamada-ui/react"
使い方
編集可能な例
const processing = useProcessing() const onClick = () => { processing.start() setTimeout(() => { processing.finish() }, 3000) } return ( <Button isLoading={processing.isLoading} onClick={onClick}> Click me </Button> )
GitHubでこのページを編集する