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}
/>