Search code examples
reactjsreact-big-calendar

Having problem to desctructure my data on React

The upcomingWork contains my apis data. What I want here is to insert this as an array to display it on my calendar, below are the example of structured data I want.

Actually, the upcomingWork contains a lot of attributes but I just want to get those three attributes to display on my calendar.

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

Example of array that I want to create from data.

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

  • The map that you have will simply set every value to either true if all values are truey or false if any of them are falsey. if you want to extract those 3 values just change the map to this:

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