我无法从物料Ui Date-Picker访问value属性

Question

这是我创建的DatePicker组件，更改日期后需要获取值。

<DatePicker 
   onChange={(value) => this.dateChange(value)}
   hintText="Start Date" 
   mode="landscape" 
/>   

这是将日期设置为单击日期的功能

dateChange = (value: any) => {
    this.setState({startDate: value})
}

当我控制台记录值或this.state.startDate时，我得到的值是null，但是在我看过的所有其他示例中，看起来您可以通过value属性轻松访问该值。

Answer 1

我不清楚您使用的是哪个UI库，但看起来像这样一个：

https://www.material-ui.com/#/components/date-picker

如果是这样，日期选择器中的值实际上将成为第二个参数（与该库中所有控件一样）

<DatePicker 
   onChange={this.dateChange}
   hintText="Start Date" 
   mode="landscape" 
/> 

dateChange = (e, value: any) => {
    this.setState({startDate: value})
}

这有点令人困惑-因为日期选择器组件不会向您传递通常在其他控件的第一个参数中的事件。 e将为null， value将为选择的日期。

从文档：

function(null: undefined, date: object) => void

由于没有与更改相关的特定事件，因此第一个参数将始终为null。