首页 > 解决方案 > 在 React 上解构我的数据时遇到问题

问题描述

包含我的upcomingWorkapi 数据。我想要在这里将其作为数组插入以在我的日历上显示,下面是我想要的结构化数据的示例。

实际上,它upcomingWork包含很多属性,但我只想让这三个属性显示在我的日历上。

const data = upcomingWork.map(u => u.id && u.title && u.created_at);

我想从中创建的数组示例data

  const events = [
    {
      id: 1,
      title: 'My event',
      start: new Date(2020, 4, 8, 10, 0),
      end: new Date(2020, 4, 8, 14, 0),
    },
  ];

标签: reactjsreact-big-calendar

解决方案


如果所有值都为真,则您拥有的地图将简单地将每个值设置为真,如果其中任何一个为假,则设置为假。如果您想提取这 3 个值,只需将地图更改为:

const data = upcomingWork.map(({id, title, created_at}) => ({id, title, created_at}))

推荐阅读