如何使用 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>
</>
)
}
uj5u.com熱心網友回復：
您可以將defaultIsOpen屬性傳遞給useDisclosure鉤子以設定 的默認值isOpen。
將該屬性設定true為在頁面加載時打開模式。
const { isOpen, onClose } = useDisclosure({ defaultIsOpen: true })
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/369622.html
標籤：javascript 反应 下一个.js 脉轮
上一篇：有沒有辦法以互動方式除錯反應