Node.JS / React Lazily Update Items - PullRequest
Новая
       7

Node.JS / React Lazily Update Items

0 голосов
/ 17 июня 2020

Можно ли лениво загрузить детали из вызова api и сохранить их в элементе, а затем обновить массив элементов для загрузки дополнительных сведений без перезапуска повторной визуализации.

Пример того, что я имею в виду: 

const [results, setResults] = useState("");

api.get("/getBasicFood").then((results) => { setResults(_.map(results.data, "id") }.catch((err) => console.log(err,"There was an error");

Но затем скажите позже в файле, что я хочу достичь конечной точки, которая возвращает гораздо больший ответ, который замедлил бы страницу, если бы я просто сначала сделал этот вызов, поэтому я хочу обновить результаты для этого id с новой информацией для использования позже) 

//This wont work with setResults() I need an alternative I believe (foreachloop
results.map((food) => {
    api.get("/Food/"food._id).then((results) => { 
              //Some kind of update statement to results
              //but realized this will rerender the app each time with some kind of update to setResults
         }.catch((err) => console.log(err,"There was an error");
   });
}

У меня есть функции во всем приложении, которые перерисовывают при изменении результатов, поэтому я не могу использовать setResults.

Надеюсь, это имеет смысл, если нет, я могу уточнить, также открыт для альтернативных решений. Но

...