React - Как добавить локальные данные к данным из REST API?
Моя страница реагирования js извлекает данные из службы REST и использует react-query для их извлечения и хранения. Данные представляют собой список объектов.
Я хочу ДОБАВИТЬ одну или две дополнительные переменные для каждого объекта в этом списке, которые будут только на стороне реакции и не вернутся на сторону сервера REST.
Каждый объект в списке получит дополнительную логическую переменную expanded, которая будет указывать, должен ли этот объект быть развернут или нет на странице.
Как бы вы добавили такую переменную в список с сервера? Не могли бы вы изменить сам список и, возможно, использовать immutability-helper? Или вы бы создали отдельный список логических флагов и указателей на другой список?
Ответы 1
Вы можете изменить список, как если бы вы не отправляли данные на сервер после их получения. Это можно легко сделать с помощью оператора распространения.
const newList = oldarrOfObj.map(_o=>{
return {..._o, expanded: true}
})
допустим, вы внесли некоторые изменения в arr и хотите уведомить об этом сервер.
const oldList = newList.map(_o=>{
delete _o.expanded
return _o;
})
Обновил ответ. используйте переменную newList для отображения списка на странице.
Спасибо. Будет ли ваш первый пример отображать весь список на странице? Вот почему я думал изучить
immutability-helper. Раньше с ним не работал.