【发布时间】：2020-04-25 07:30:27
【问题描述】：
我有一个使用 material-ui 的反应应用程序。我最近将@material-ui/core 从 4.5.1 更新到了 4.8.3（我这样做是因为我想使用早期版本中没有的 TableContainer 组件）。
更新后，由于@material-ui/pickers 中的 DatePicker 组件出错，我的应用程序不再编译。我收到的错误信息是：
"Type '{ renderDay: (day: MaterialUiPickersDate, selectedDate: MaterialUiPickersDate, dayInCurrentMonth: boolean) => 元素；价值： 片刻;变体：“静态”； onChange: (day: MaterialUiPickersDate) => 空白; ... 9 更多 ...;最大行数：未定义； }' 缺少以下内容 'Pick' 类型的属性：颜色、大小“
这是我使用 DatePicker 组件的代码的 sn-p。
import MomentUtils from "@date-io/moment";
import { DatePicker, Day, MuiPickersUtilsProvider } from "@material-ui/pickers";
import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
...
<MuiPickersUtilsProvider utils={MomentUtils}>
<DatePicker
// eslint-disable-next-line
renderDay={renderDay}
value={selectedDate}
variant="static"
onChange={handleDateChange}
format="YYYY-MM-DD"
disableToolbar={true}
style={undefined}
onFocus={undefined}
onBlur={undefined}
className={undefined}
ref={undefined}
innerRef={undefined}
rows={undefined}
rowsMax={undefined}
/>
</MuiPickersUtilsProvider>
任何帮助将不胜感激！
【问题讨论】：
-
Material ui 更新在语法级别上进行了很多更改。我不知道您使用什么样的字段作为日期选择器。我看过官方网站。它使用文本字段与您的编码略有不同...并且您的错误表明您的 onchange 函数有问题..在渲染之前检查您的状态并在控制台中打印它将有助于调试
标签： reactjs material-ui