如何在React Native Calendars中动态填充markedDates对象？

npm install react-native-calendars --save

import { Calendar, LocaleConfig } from 'react-native-calendars';

render() {
  const markedDates = {
    '2022-01-01': { marked: true, dotColor: 'red' },
    '2022-01-02': { marked: true, dotColor: 'green' },
    '2022-01-03': { marked: true, dotColor: 'blue' },
    // 其他日期...
  };

  return (
    <Calendar
      markedDates={markedDates}
    />
  );
}

constructor(props) {
  super(props);
  this.state = {
    markedDates: {},
    // 其他状态...
  };
}

componentDidMount() {
  // 模拟异步获取需要标记的日期数据
  setTimeout(() => {
    const markedDates = {
      '2022-01-01': { marked: true, dotColor: 'red' },
      '2022-01-02': { marked: true, dotColor: 'green' },
      '2022-01-03': { marked: true, dotColor: 'blue' },
      // 其他日期...
    };

    this.setState({ markedDates });
  }, 2000);
}

render() {
  const { markedDates } = this.state;

  return (
    <Calendar
      markedDates={markedDates}
    />
  );
}