无法在 react js 类组件中编辑 datetimepicker material-ui。

Question

我在一个类组件(react-js)中使用了一个来自 material-uipickers 的datetimepicker.当打开datetimepicker时，每当我按下任何地方(日期，年份，...)，datetimepicker就会立即关闭。

    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 {