Возникла проблема с удалением моих данных о React

Question

upcomingWork содержит мои данные API. Здесь я хочу вставить это в виде массива, чтобы отобразить его в моем календаре, ниже приведен пример структурированных данных, которые я хочу.

На самом деле, 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),
    },
  ];

Answer 1

Карта, которую вы имеете, просто установит для каждого значения либо значение true, если все значения имеют значение true, либо значение false, если любое из них является ложным. если вы хотите извлечь эти 3 значения, просто измените карту на:

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

Answer 2

То, что вы вернули, не даст вам никаких желаемых данных. Я думаю, что вы неправильно поняли метод карты Array.

Вместо этого вы должны использовать карту как:

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

Answer 3

Ваш upcomingWork.map вообще не создает объект, поэтому у него нет шансов создать ожидаемые данные. Вместо этого вы можете сопоставить соответствующие свойства объекта u с новыми ключами в новом объекте, который вы создаете.

const events = upcomingWork.map(u => ({
    id: u.id,
    title: u.title,
    start: u.created_at,
    end: u.end    //change the u.end to whatever property you have in your data
}));

(новый объект должен быть заключен в (), чтобы обеспечить интерпретацию JS это как значение, а не тело функции)

Answer 4

const data = upcomingWork.map(u => {
    return { id: u.id, title: u.title };
});