React - 材料日期选择器不起作用答案

【问题标题】：React - Material Date Picker Doesn't WorkReact - 材料日期选择器不起作用
【发布时间】：2021-01-05 04:02:33
【问题描述】：

互联网上最简单的东西一定是“日期选择器”，但是集成起来反应太难了。

我的代码（其中的一部分）：

...
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 Uncaught RangeError：格式字符串包含未转义的拉丁字母字符`n

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

index.js:1472 组件出现上述错误：

【问题讨论】：

看起来你可以把这个放在codesandbox上，你能做到吗？
可能与stackoverflow.com/questions/59805052/…重复
fsdfsdfdsf stackoverflow.com/a/60880981/14548500 stackoverflow.com/a/60880981/14548500 dfsdfsdfsdfsdfsfsdfsdfsdfsdfsd

标签： reactjs material-ui

【解决方案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 安装命令的命令

我希望这能回答你的问题

祝你好运！

【讨论】：