Всем привет! Такая ситуцаия: есть state массив с файлами, загруженнымы

Question

Всем привет! Такая ситуцаия: есть state массив с файлами, загруженнымы

через input. При каждом изменении массива надо смотреть, есть ли в нем файлы с loaded: false и загружать их на сервер, который в ответ кидвет ссылку на загруженный в облако файл. Эту ссылку надо вставить в обьект файла в исходном массиве + поменять loaded на true. У меня проблема заключается в том, что если загружается одновременно например 2 файла, сначала в массиве обновляется один объект, а потом второй. И в итоге в массиве остается обновленным только второй объект. Как подскажите хотя бы концептуально решить такую проблему? Я понимаю, что одна из причин это то, что setState применяется не сразу, но вот все же 🤷

#frontend #javascript #programming #react.js #russian

0

10.12.2020

13 ответов

3 просмотра

alexander 𝗞𝘂𝘇𝗻𝗲𝘁𝘀𝗼𝘃 Автор вопроса

Ivan 🧑‍🚀
Покажи, как loaded на true переключаешь

Беру массив, через map перебираю, в нужном обьекте меняя данные (loaded на true). Потом этот обновленный массив из получаенные из map пихаю в setState

0

10.12.2020

Ivan 🧑‍🚀

alexander 𝗞𝘂𝘇𝗻𝗲𝘁𝘀𝗼𝘃
Беру массив, через map перебираю, в нужном обьекте...

Код

0

10.12.2020

alexander 𝗞𝘂𝘇𝗻𝗲𝘁𝘀𝗼𝘃 Автор вопроса

Ivan 🧑‍🚀
Код

https://pastebin.com/wiGZBmaJ

0

10.12.2020

Ivan 🧑‍🚀

alexander 𝗞𝘂𝘇𝗻𝗲𝘁𝘀𝗼𝘃
https://pastebin.com/wiGZBmaJ

https://overreacted.io/react-as-a-ui-runtime/#batching

0

10.12.2020

Ivan 🧑‍🚀

alexander 𝗞𝘂𝘇𝗻𝗲𝘁𝘀𝗼𝘃
https://pastebin.com/wiGZBmaJ

setSelectedFiles(files => files.map( ... ))

0

10.12.2020

alexander 𝗞𝘂𝘇𝗻𝗲𝘁𝘀𝗼𝘃 Автор вопроса

Ivan 🧑‍🚀
setSelectedFiles(files => files.map( ... ))

Сделал, но теперь получается при загрузке например 3 файлов, условный console.log функции загрузки файла срабатывает в сумме 6 раз. О чем это говорит ?

0

10.12.2020

Ivan 🧑‍🚀

alexander 𝗞𝘂𝘇𝗻𝗲𝘁𝘀𝗼𝘃
Сделал, но теперь получается при загрузке например...

О том, что ты загружаешь 6 файлов?

0

10.12.2020

alexander 𝗞𝘂𝘇𝗻𝗲𝘁𝘀𝗼𝘃 Автор вопроса

Ivan 🧑‍🚀
О том, что ты загружаешь 6 файлов?

Так как 6, если загружаю 3 ? :)

0

10.12.2020