如何在Javascript回调函数react-calendar-month-view中显示过滤后的数据？

Question

我正在使用https://github.com/alwyntan/react-calendar-month-view日历来呈现我的管理数据。

js prettyprint-override">const result = [{
        date: "5/7/2021",
        totalSubmit: 8
    },
    {
        date: "5/6/2021",
        totalSubmit: 17
    },
    {
        date: "5/3/2021",
        totalSubmit: 11
    }
]

const renderDayF = (day) => {
    const dayDate = new Date(day).toLocaleDateString()
    if (dayDate === '5/7/2021') {
        return (<p>
            Halo
        </p>)
    }
};

上面的函数将创建一个日历，显示2021年5月7日的“光环”，5月1日至6日和5月8日至31日的“光环”。

我的目标是result数组（在顶部），以比较日期和回调函数，因此在5/7/2021中，它返回结果totalSubmit（为8)，在5/6/2021中，它返回结果totalSubmit（为17)，以此类推。谁能帮帮我吗？我在这里有点卡住了，我试过使用地图和过滤器，但也许我做错了什么。

Answer 1

由于您可能会使用这个问题的结果，我建议您使用一种更简单、更有帮助的数据格式：

const submitcounts = updatedSales.reduce((a,{date}) => {
      a[date] = (a[date] || 0) + 1;
      return a;  
    }, {});
/*      = {"5/7/2021": 8,
           "5/6/2021":17,
           "5/3/2021":11}
*/
        
const renderDayF= (day) => {
    const dayDate = new Date(day).toLocaleDateString("en-US")
    console.log(submitcounts[dayDate]||"");
    // return (<p>...</p>)
};

这样，一切都很容易就安排好了。不幸的是，我不知道如何用React的方式来实现这一点，但我希望我的console.log()是一个指示。