如何以编程方式关闭脉轮 Ui 中的抽屉

How to close drawer in chakra Ui programmatically

脉轮Ui 提供披露

  const { isOpen, onOpen, onClose } = useDisclosure();  

在文档中,此按钮将关闭抽屉

<Button variant="outline" mr={3} onClick={onClose}>
   Cancel
</Button>

他们没有提供类似 close() 函数的东西来以编程方式关闭它,或者我错过了什么

onClose 是 chakra-ui 提供的功能,它将关闭抽屉或由 chakra-ui 创建的任何门户。 onClose 仅表现得像 close() 函数。

当你想打开抽屉时使用 onClick 内的 onOpen 函数或你想要的,当你想关闭抽屉时使用 onClick 内的 onClose 或你想要的。 别担心,这些都有处理抽屉的代码。

在onClick={}中传递onClose并且不要忘记在onClose后面加上()以防止出错

<按钮 onClick={()=>onClose()}>X