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 docs，DatePicker 使用了一个 onChange 事件，而不是 onSelect。

这应该记录正确的值。

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

onSelect function in antd calendar component