无法在反应 js 类组件中编辑 datetimepicker material-ui

Question

我在类组件 (react-js) 中使用来自 material-ui/pickers 的 datetimepicker。打开 datetimepicker 时，每当我按下任何地方（日期、年份、...）时，datetimepicker 都会立即关闭。 这是我正在使用的代码的 sn-p：

    import MomentUtils from '@date-io/moment';
    import { DateTimePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';
    class ScheduleTest extends React.Component { 
          constructor(props) { 
              super(props);
              this.state = {
                   form:{
                    scheduleStartDate: new Date(),
                   }
             }
             this.handleStartDateChange = this.handleStartDateChange.bind(this);
          }
        handleStartDateChange(e) {
            const { form } = this.state;
            form.scheduleStartDate = e;
            this.setState({ form });
        }
     render(){
     const { form } = this.state;
        return(){
              <MuiPickersUtilsProvider utils={MomentUtils}>
                <ThemeProvider theme={defaultMaterialTheme}>
                  <DateTimePicker value={form.scheduleStartDate} format={moment(form.scheduleStartDate).format('DD-MM-YYYY')} onChange={this.handleStartDateChange} />
                </ThemeProvider>
              </MuiPickersUtilsProvider>
  }
  }
 }

有人知道可能是什么问题吗？ 提前致谢。

Answer 1

如果您定义的组件名称与之前导入的组件名称相同，则会出现问题。您应该为组件选择另一个名称。这是不对的：

import { DateTimePicker, MuiPickersUtilsProvider } from '@material-ui/pickers';
class DateTimePicker extends React.Component {