useBoolean
useBooleanは、on・off・toggle関数を使用して真偽値を管理するために使用されるカスタムフックです。
インポート
import { useBoolean } from "@yamada-ui/react"
使い方
編集可能な例
const [flg, { on, off, toggle }] = useBoolean() return ( <> <Text>state: {String(flg)}</Text> <Wrap mt="md" gap="md"> <Button onClick={on}>On</Button> <Button onClick={off}>Off</Button> <Button onClick={toggle}>Toggle</Button> </Wrap> </> )
初期値を使う
編集可能な例
const [flg, { on, off, toggle }] = useBoolean(true) return ( <> <Text>state: {String(flg)}</Text> <Wrap mt="md" gap="md"> <Button onClick={on}>On</Button> <Button onClick={off}>Off</Button> <Button onClick={toggle}>Toggle</Button> </Wrap> </> )
GitHubでこのページを編集する