我无法从 material Ui 日期选择器访问值 属性

Question

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

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

这是将日期设置为我点击的日期的函数

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

当我控制台记录值或 this.state.startDate 时，我得到值 null，但在我看过的每个其他示例中，看起来您可以通过值 属性.

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 将为空，value 将为所选日期。

来自文档：

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

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