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

标签 reactjs chakra-ui disclosure

Chakra Ui 提供披露

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

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

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

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

最佳答案

onClose 是 chakra-ui 提供的函数,它将关闭抽屉或由 chakra-ui 打开的任何门户。 onClose 的行为类似于 close() 函数。

关于reactjs - 如何以编程方式关闭 chakra Ui 中的抽屉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67031797/

相关文章:

javascript - 我收到警报错误的 js fiddle 配置

image - React Native 图像无法使用特定 URL

javascript - 在 React 中,onChange 和 onInput 有什么区别?

reactjs - Chakra UI 中的文本区域输入字段不会提交以 react Hook 形式

reactjs - 如何更改Chakra UI Toast组件的背景颜色?

ios - 我是否正确使用了 iOS "detail disclosure"和 "disclosure"?

javascript - 我可以从外部组件使用 useReducer

reactjs - chakra ui 自定义主题在我的下一个 js 项目中根本不起作用

Swift,自定义单元格颜色不适用于披露指示器

iphone - MKPinannotation 详细信息披露按钮 - 呈现新 View