chakraUI提供了一个自定义的钩子useDisclosure（），该钩子返回isOpen，onClose，onOpen。
const { isOpen, onOpen, onClose } = useDisclosure()
该的OnOpen被传递到被触发开启模式按钮的onclick。
<Modal isOpen={isOpen} onClose={onClose}>
...Modal Code...
<Modal/>
<Button onClick={onOpen}>
button
<Button/>
现在，我想在同一页面上制作另一个模式（让我们说reportModal）。为此，我编写了相同的代码，在销毁useDisclosure（）时重命名了变量。
const {
isOpen: { isOpenReportModal },
onOpen: { onOpenReportModal },
onClose: { onCloseReportModal },
} = useDisclosure()
此外，我通过将这些重命名的变量传递给和组件来使用相同的流程，但是id无效。
任何人的解决方案？预先感谢...
您必须像这样重命名变量。
const {
isOpen: isOpenReportModal,
onOpen: onOpenReportModal,
onClose: onCloseReportModal
} = useDisclosure()
现在这应该工作。您尝试过的就像再次破坏一样。错了
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句