antd calendar组件中的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 docs，DatePicker使用onChange事件，而非onSelect。

这应该记录正确的值。

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