如何使用 Chakra UI 在页面加载时显示模式框?
我试图在 Chakra 的文档中找到此信息,但没有成功。
import {
useDisclosure,
Modal,
ModalOverlay,
ModalContent,
ModalCloseButton,
ModalBody,
Text,
} from "@chakra-ui/react"
export default function BasicUsage() {
const { isOpen, onClose } = useDisclosure()
return (
<>
<Modal isOpen={isOpen} onClose={onClose}>
<ModalOverlay />
<ModalContent>
<ModalCloseButton />
<ModalBody>
<Text>Hello</Text>
</ModalBody>
</ModalContent>
</Modal>
</>
)
}
最佳答案
你可以传递一个 defaultIsOpen
属性添加到 useDisclosure
Hook 以设置 isOpen
的默认值。
将该属性设置为 true
以在页面加载时打开模式。
const { isOpen, onClose } = useDisclosure({ defaultIsOpen: true })
关于javascript - 如何使用 Chakra UI 在页面加载时显示模式框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70159125/