如何通过程序关闭脉轮Ui中的抽屉

Question

Chakra Ui提供披露

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

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

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

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

Answer 1

onClose是由脉轮ui提供的功能，它将关闭抽屉或由脉轮ui创建的任何门户。onClose的行为仅类似于close((函数。

Answer 2

当您想打开抽屉时，请在onClick或您想要的内容中使用onOpen函数，当您想关闭抽屉时，可在onClick或您需要的内容中在onClose内部使用onClose函数。别担心，这些抽屉后面有代码，可以处理抽屉。

Answer 3

在onClick=｛｝中传递onClose，不要忘记在onClose之后添加((以防止错误

<按钮onClick＝｛((＝>onClose((｝>X