javascript - 通过完全独立的按钮更改 antd Calendar 组件日期

Question

我有一个使用 antd Calendar 组件的组件，它带有它自己的标题来浏览它，如docs中所示。但是，我需要通过一个完全独立的组件来操作日历显示的月份/年份。我知道我可以自定义它的标题，但对于我正在做的事情，这不是解决方案。

无论如何，我想知道的是我必须传递什么来设置我想在日历上显示的月份和年份，并随意更改它。

function MyCalendar () {
  const [month, changeMonth] = useState(10)
  const [year, changeYear] = useState(2019)
  return (
    <>
      <Button onClick={() => changeMonth(0)}>Change month to January</Button>
      <Button onClick={() => changeYear(1990)}>Change year to 1900</Button>
      <Calendar
        // what do I pass in to chose the month/year being displayed base on month and year??
        // value={new Date(`${year}/${month}/01`)}
        mode='month'
      />
    </>
  )
}

我可能应该注意到，我知道该value道具用于选择特定日期，它显示您传入的月份和年份，但我不想更改选定的日期单元格，需要为当前保留天。所以我想无论哪一天我都需要保留选定的单元格，但是根据month和year状态更改月份和年份的显示。

标签： javascriptreactjsantd