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

【问题标题】：Programmatically close ant design rangepicker in react在反应中以编程方式关闭蚂蚁设计范围选择器
【发布时间】：2022-01-19 13:02:18
【问题描述】：

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

【问题讨论】：

标签： reactjs 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。