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

问题描述

Chakra 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 或你想要的。 别担心，这些背后有处理抽屉的代码。