Javascript 如何在React Native中将for循环迭代到数组中
我用它来显示每月的活动和每天的活动。我有一个从API获取的数据数组,值如下:Javascript 如何在React Native中将for循环迭代到数组中,javascript,react-native,foreach,Javascript,React Native,Foreach,我用它来显示每月的活动和每天的活动。我有一个从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-
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
?因为它显示了所有的错误“:”和“,”。我什么都试过了
请引导您可以运行一个简单的程序来获取标记日期
对象:
const deliveryDates=[{date:“2019-02-03”,deliveryStatus:false,endingDay:false,startingDay:true},{date:“2019-02-04”,deliveryStatus:false,endingDay:false,startingDay:true},{date date:“2019-02-05”,deliveryStatus:false,endingDay:false,startingDay:false});
const markedDates=deliveryDates.reduce((acc,{date,endingDay,startingDay})=>{
acc[日期]={禁用:真,颜色:'绿色',开始日期,结束日期};
返回acc;
},{});
log(markedDates)
将代码粘贴到JSFIDLE上,我会为您修复它。:)等一下,让我贴回去@AsimKhan@ASIMKHANA实际上,我在问如何在日历中使用thismarkedDates
变量的markedDates属性中实现这一点。我对react不是很熟悉,但像这样的<代码>实际上,我得到的数据是数组。但是标记日期只获取对象作为值。这是markedDatesmarkedDates={{'2012-05-20':{textColor:'green','2012-05-22':{startingDay:true,color:'green','2012-05-23':{selected:true,endingDay:true,color:'grey','2012-05-04':{disabled:true,startingDay:true,color:'green',endingDay:true}
,我需要迭代api中的日期。在上面示例中的日期位置。因此,如果有3个日期,那么应该在我创建的代码段中的标记日期下形成3个新行,deliveryDates
是一个数组markedDates
是您请求的格式的对象。单击“运行代码片段”以检查它。我不明白问题出在哪里