如何在 React Native 中将 for 循环迭代到数组中

Question

我使用react-native-calendars 来显示每月和每天的活动。我有一个从 API 获取的数据数组，值如下：

deliveryDates: Array(3)
0: {date: "2019-02-03", deliveryStatus: false, endingDay: false, startingDay: true}
1: {date: "2019-02-04", deliveryStatus: false, endingDay: false, startingDay: true}
2: {date: "2019-02-05", deliveryStatus: false, endingDay: false, startingDay: false}

日历库有一个名为markedDates 的属性，因为它只接受对象。

标记日期示例：

markedDates={
{
 '2012-05-04': {disabled: true, startingDay: true, color: 'green', endingDay: true}
}}

现在，我需要的是迭代整个 "'2012-05-04': {disabled: true, startingDay: true, color: 'green', endingDay: true}" 我的 API 中的日期。

所以如果我有三个日期，它应该得到三个日期的迭代，上面显示了三个新函数。

但是，如何在 markedDates 属性中执行 foreach 或 for ？因为它显示所有“：”和“，”的错误。我什么都试过了。

请指导

Answer 1

您可以运行一个简单的reduce 来获取markedDates 对象：

const deliveryDates = [{date:"2019-02-03",deliveryStatus:false,endingDay:false,startingDay:true},{date:"2019-02-04",deliveryStatus:false,endingDay:false,startingDay:true},{date:"2019-02-05",deliveryStatus:false,endingDay:false,startingDay:false}];

const markedDates = deliveryDates.reduce((acc, {date,endingDay,startingDay}) => {
  acc[date] = {disabled: true, color: 'green', startingDay, endingDay};
  return acc;
},{});

console.log(markedDates)