пользователь начал грузить с апи инфу, выбрал из выпадающего списка урл по которому идет загрузка информации,далее не ожидая окончания загрузки информации с апи сервера, выбрал с дропдовн листа еще один апи и начал подгружать инфу уже с него...🤏🏼

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

В любом случае у вас должен быть лоадер на области в которую грузятся данные, а данные сетить последние полученные, по fetchLast думаю много интересного нагуглите

Буду знать где копать, я думал так можно const url = 'https://your_url';
const api1 = async () => {
   return await fetch(url);
}

Вы это имели ввиду? var data = {
 "data": [{
     "report_id": 1,
     "user_id": 1,
     "name": "Name1",
     "phone": "123"
   },
   {
     "report_id": 2,
     "user_id": 2,
     "name": "Name2",
     "phone": "1234"
   },
   {
     "report_id": 3,
     "user_id": 3,
     "name": "Name3",
     "phone": "12345"
   }
 ]
}

let lastItem = data.data.pop()

console.log(lastItem)🤷🏻‍♂️🤏🏼

так можно, если написать асинхронный метод и в него передавать url

А в чем преимущество fetchLast?🤷🏻‍♂️

Кто нить сталкивался с этой ошибкой? Вылезла после очистки localstorage

Еще так можна const fakeUserId = 1;


   function fetchReport(api_url) {

     return fetch('api_url')
     .then(response => response.json())
     .then(data => {

       console.log(data.data);


     })
   }

   fetchReport(); шё лучше прямо не знаю!!!🤷‍♂️

я вам в ЛС написал библиотеку которая решает вопрос, там хорошие примеры в документации, должно помочь

Огромное спасибо! А по кешам не подскажите, я вижу вы очень опытный разработчик, как мне реализовать, что бы данные которые уже были подгружены ранее больше не подгружались🤷🏻‍♂️🤏🏼

Как мне кажется, необходимо больше вводных, если вы хотите "кэшировать" в текущем стейте компонента, можно добавить данным флаг или проверять наличие по ключу и светить их + немного доработать метод получения. Таким образом вы будете получать данные отсутсвующие на клиенте через запросы, а уже существующие просто показывать.

Либо стор какой-то заиспользовать на уроне приложения, если речь идет о данных используемых повсеместно. Принцип тот же есть данные, ставим их текущими активными, нет данных, запрос и далее установка активными.

Пример такого стейта

{
 currentDataKey: 'US',
'US': {...},
'UA': {...},
'BY': {...}
}

{
 currentDataKey: 'US',
'US': {...},
'UA': {...},
'BY': {...}
}

так что ли  https://web.dev/cache-api-quick-guide/

Ребят как называется вот такой прием response?.data ? Это же значит что если data нет, то вернет null ?

Народ, поюдскажите либу, которая поможет реализовать, перетаскивание блоков и смену их позиций? то есть я могу менять блоки местами

все верно

сипки

оно проверяет, есть ли в респонсе твоём дата, и если нету то будет нулл

Привет, как можно написать условие в компоненте посреди html кода, что если const var = true, значит возвращается один кусок кода, а если false то другой? Я понимаю что if else, но не понимаю как это реализовать, спасибо!