首页 > 解决方案 > 为什么 MateriaUI 日期选择器不会“淡化”导出?

问题描述

下面显示的代码取自官方网站,但我遇到了导出问题。错误:“./node_modules/@material-ui/pickers/esm/makePickerWithState-5a79cb8a.js 尝试导入错误:'fade' 未从 '@material-ui/core/styles' 导出。”

import React, { useState } from 'react';
import Box from '@material-ui/core/Box';
import { useStyles } from 'useStyles/userFilterPopupStyle'
import DateFnsUtils from '@date-io/date-fns'; // choose your lib
import {
    DatePicker,
    TimePicker,
    DateTimePicker,
    MuiPickersUtilsProvider,
} from '@material-ui/pickers';

const UserFilterDate = () => {
    const [selectedDate, handleDateChange] = useState(new Date());
    const classes = useStyles();

    return (
        <MuiPickersUtilsProvider utils={DateFnsUtils}>
            <DatePicker value={selectedDate} onChange={handleDateChange} />
            <TimePicker value={selectedDate} onChange={handleDateChange} />
            <DateTimePicker value={selectedDate} onChange={handleDateChange} />
        </MuiPickersUtilsProvider>
    )
}

export default UserFilterDate

标签: reactjsmaterial-ui

解决方案


推荐阅读