Reactjs 无法读取属性'；日期'；未定义的反作用材料设计

我正在为一个应用程序使用storybook reactJs和material ui。我正在尝试构建datepicker，下面是到目前为止我的代码

import React, { Fragment, PureComponent } from 'react';
import  {DatePicker}  from 'material-ui-pickers';

class DatePickers extends PureComponent {
  state = {
    selectedDate: new Date(),
  }

  render() {
    console.log(this.state);
  const  { selectedDate } = this.state;

    return (
      <div>
        <DatePicker
          label="Basic example"
          value={selectedDate}
          onChange={this.handleDateChange}
          animateYearScrolling={false}
          />
      </div>
    )
  }
}

export default DatePickers;

import React，{Fragment，PureComponent}来自'React'；
从“物料ui选取器”导入{DatePicker}；
类日期选择器扩展了PureComponent{
状态={
selectedDate:新日期（），
}
render（）{
console.log（this.state）；
const{selectedDate}=this.state；
返回(
)
}
}
导出默认日期选择器；

当我打开我的故事书时，它显示了以下错误 无法读取未定义的属性“日期”

TypeError:无法读取未定义的属性“date” 日期PickerRapper.PickerBase.\u this.GetValidDataOrCurrent（） 日期PickerRapper.PickerBase（）

有人知道吗。这是怎么回事？

看看包含日期选择器组件的代码

错误可能在以下方面-您是否在

muipeckersutilsprovider

中使用所需的

utils

道具包装组件

<MuiPickersUtilsProvider utils={MomentUtils}>
  <DatePicker />
</MuiPickersUtilsProvider>

是否尝试在构造函数（）中移动状态分配？是否尝试使用

const selectedDate=this.state.selectedDate？工作正常。谢谢但是你知道为什么会有滚动条和箭头丢失吗不知道你在说什么滚动条。。缺少箭头，因为您没有导入材质UI图标。请参阅-在最底部有一个
字体图标
部分。你需要包括图标。更新的沙盒-