antd日历组件中的onSelect函数

Question

在状态和状态下更新所选日期后，如何在onSelect函数中获取所选日期

onSelect = (cal) => {
      this.setState({  selectedValue: cal   });
      alert(this.state.selectedValue);

我在警报中得到了以前的日期，但是我需要当前选择的日期，如何实现这一目标...？

Answer 1

这里的问题是this.setState({})是异步的。 这意味着警报可以在状态更新之前发生。 您可以做的是传递一个回调。 检查此示例，该示例在更新后记录状态：

this.setState({ selectedValue: cal }, () =>
      console.log(this.state.selectedValue);
    );

Answer 2

从antd 文档中 ， DatePicker使用onChange事件，而不是onSelect事件。

这应该记录正确的值。

<DatePicker
    format="MM/DD/YYYY"
    placeholder="Banana"
    locale="en_US"
    onChange={console.log}
/>