Question

在互联网上最简单的事情必须是“日期选择器”，但是它很难集成以做出反应。

我的代码（部分代码）：

...
import DateFnsUtils from '@date-io/date-fns';
import {
  DatePicker,
  MuiPickersUtilsProvider,
} from '@material-ui/pickers';
...

const [selectedDate, handleDateChange] = useState(new Date());
....

return (
<MuiPickersUtilsProvider utils={DateFnsUtils}>
..... (some html here)

<DatePicker value={selectedDate} onChange={handleDateChange} />
....(some html here)

它返回： index.js：423未捕获的RangeError：格式字符串包含未转义的拉丁字母字符'n

道具类型失败：您向没有value处理程序的表单字段提供了onChange道具。这将呈现一个只读字段。如果该字段是可变的，请使用defaultValue。否则，请设置onChange或readOnly。

index.js：1472组件中发生了以上错误：

Answer 1

我知道这个问题的答案。

我自己已经遇到了这个问题。

@ date-io v2有一些错误

因此，每当您安装@ date-io / date-fns之类的东西

安装版本1 对于@ date-io / date-fns

您面临的确切问题只是运行这个-

npm i @ date-io / date-fns @ 1.3.13

签出此link

还要检查this out

这将链接到重要的UI选择器页面

最重要的是，它们具有所有@ date-io安装命令的命令

我希望这能回答您的问题

祝你好运！

反应-物料日期选择器不起作用

1 个答案: