Const deleteEventHeandler = (id) => { const

Question

Const deleteEventHeandler = (id) => { const

db = fire.firestore();
db.collection("events").doc(id).delete().then(() => {
console.log("Document successfully ", deletedEvent);
setDeletedEvent('deleted');

}).catch((error) => {
console.error("Error removing document: ", error);
});

}
Почему не рендерится? Я нажимаю на удалить, и устанавливаю setDeletedEvent('deleted') чтобы произошел перерендер. item то удаляется из базы, но на старнице это видно только после обновления браузера..

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

0

05.05.2021

16 ответов

33 просмотра

Dmitry Kozlov Автор вопроса

Спасибо! Но почему изменение стейта не рендерит то? Стейт точно меняется, и скорей всего все рендерится, но почему тогда карточка пропадает только после обновы странички?

0

05.05.2021

iwannafly

Покажите как вы запрашиваете данные

0

05.05.2021

Dmitry Kozlov Автор вопроса

useEffect(() => { // GETTING DATA FROM FIREBASE const fetchData = async () => { const db = fire.firestore(); const data = await db.collection("events").get(); setEvents(data.docs.map((doc) => ({ ...doc.data() }))); }; fetchData(); }, []);

0

05.05.2021

iwannafly

Теперь открывайте документацию и читайте про юзэфект еще раз

0

05.05.2021

Alexandr Sachyshyn

когда стоит пустой массив зависимостей, данный хук срабатывает только 1 раз и только при маунте компонента. докиньте туда длину массива, как описал выше

0

05.05.2021

Dmitry Kozlov Автор вопроса

Разобрался, благодарю!

0

05.05.2021

Карен

А лучше вообще запрос в функцию передай, и в useEffect-e вызывай

0

05.05.2021

Dmitry Kozlov Автор вопроса

А если длина массива не известна заранее? Я просто убрал [] теперь отрабатывает вроди как правильно