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

Question

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

Answer 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。

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

Programmatically close ant design rangepicker in react

reactjs

antd