在反应中以编程方式关闭蚂蚁设计范围选择器

Posted 2023-02-18

【中文标题】在反应中以编程方式关闭蚂蚁设计范围选择器

【英文标题】：Programmatically close ant design rangepicker in react

【发布时间】：2022-01-19 13:02:18

【问题描述】：

我在 antd 的范围选择器的额外页脚中添加了一个按钮。单击按钮时，我想关闭范围选择器。有谁知道如何做到这一点？

【参考方案1】：

您可以使用open 属性控制显示或隐藏选择器，如下所示：

const App = () => 
  const [open, setOpen] = React.useState(false);
  return (
    <RangePicker
      open=open
      onOpenChange=open => setOpen(open)
      renderExtraFooter=() => <button onClick=()=> setOpen(false)>Close</button>
    />
  );
;

我还实现了一个示例here。

【讨论】：

谢谢！我不认为“onOpenChange”会有用，我花了几个小时使用 open、onBlur、onFocus 和 onCalendarChange。