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

Reactjs 如何以编程方式关闭chakra Ui中的抽屉,reactjs,chakra-ui,disclosure,Reactjs,Chakra Ui,Disclosure,脉轮Ui提供披露 const { isOpen, onOpen, onClose } = useDisclosure(); 在文档中,此按钮将关闭抽屉 <Button variant="outline" mr={3} onClick={onClose}> Cancel </Button> 取消 他们没有提供类似于close()的函数来以编程方式关闭它,或者我缺少了一些东西,比如chakra ui提供的close函数将关闭抽屉或由c

脉轮Ui提供披露

  const { isOpen, onOpen, onClose } = useDisclosure();  
在文档中,此按钮将关闭抽屉

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

取消

他们没有提供类似于close()的函数来以编程方式关闭它,或者我缺少了一些东西,比如chakra ui提供的close函数将关闭抽屉或由chakra ui打开的任何门户
onClose
的行为仅类似于close()函数。

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