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

Question

Chakra Ui 提供披露

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

在文档中这个按钮将关闭抽屉

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

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

score 2 · Accepted Answer

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

score 1 · Accepted Answer

当你想打开抽屉时使用onClick里面的onOpen函数或者你想要的，当你想关闭抽屉时使用onClick里面的onClose或者你想要的。别担心，这些背后有处理抽屉的代码。

score 0 · Accepted Answer

在 onClick={} 中传递 onClose 并且不要忘记在 onClose 之后添加 () 以防止错误

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