Reactjs React Js-清除物料UI日期选择器

我在

材质UI

的

日期选择器

方面遇到一些问题，我正在搜索一种方法来重置其字段，但没有找到方法。 我还就这个问题进行了咨询。

---

有人能帮我吗？

您可以将value属性设置为null，它会将其清除。

null

清除日期选择器，作为一个示例，请看一下

我发现了同样的问题，进行了研究，并找到了解决方案

我们可以使用

输入组件

在其中设置一个关闭按钮。

请记住，我们必须使用

event.stopPropagation（）

停止单击关闭按钮时弹出的

日期选择器

你可以看看这里，或者

import React，{useState}来自“React”；
从“@date io/date fns”导入DateFnsUtils；
从“@material ui/pickers”导入{MuiPickersUtilsProvider，DatePicker}”；
从“@material ui/icons/Clear”导入ClearIcon；
从“@material ui/core”导入{IconButton}”；
函数App（）{
const[selectedDate，handleDateChange]=useState（新日期（））；
功能手柄LR（e）{
e、 停止传播（）；
handleDateChange（空）；
}
返回(
)
}}
/>
);
}
导出默认应用程序；
我不确定是否要重置材质设计的日期选择器
import React, { useState } from "react";
import DateFnsUtils from "@date-io/date-fns";
import { MuiPickersUtilsProvider, DatePicker } from "@material-ui/pickers";

import ClearIcon from "@material-ui/icons/Clear";
import { IconButton } from "@material-ui/core";

function App() {
  const [selectedDate, handleDateChange] = useState(new Date());

  function handleClr(e) {
    e.stopPropagation();
    handleDateChange(null);
  }
  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <DatePicker
        autoOk
        variant="inline"
        format="dd/MM/yyyy"
        value={selectedDate}
        onChange={handleDateChange}
        InputProps={{
          endAdornment: (
            <IconButton onClick={(e) => handleClr(e)}>
              <ClearIcon />
            </IconButton>
          )
        }}
      />
    </MuiPickersUtilsProvider>
  );
}

export default App;