Size: a a a

React — русскоговорящее сообщество

2021 May 05

es

evgeny shev in React — русскоговорящее сообщество
тэкс, но фетч же не работает конечно же с путями из папки приложения такими?
источник

es

evgeny shev in React — русскоговорящее сообщество
Короче фетчем получать с того же localhost:3000 проще получается , т.к. db.json лежит в папке с приложением. Думаю дальше по видосам он скажет, как норм с этим работать хз. Там запись чата есть тоже, странно что никто не спросил как им данные получать 😕
источник

DK

Dmitry Kozlov in React — русскоговорящее сообщество
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 то удаляется из базы, но на старнице это видно только после обновления браузера..
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
можете добавить useEffect с параметром на длину массива из элементов. когда 1 удаляется/добавляется, изменяется и длина массива
источник

DK

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

i

iwannafly in React — русскоговорящее сообщество
Покажите как вы запрашиваете данные
источник

DK

Dmitry Kozlov in React — русскоговорящее сообщество
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();
 }, []);
источник

i

iwannafly in React — русскоговорящее сообщество
Теперь открывайте документацию и читайте про юзэфект еще раз
источник

es

evgeny shev in React — русскоговорящее сообщество
народ, че ему не нравится? Я что не правильно обращаюсь разве? к свойству pizzas через json.pizzas ?
источник

es

evgeny shev in React — русскоговорящее сообщество
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
когда стоит пустой массив зависимостей, данный хук срабатывает только 1 раз и только при маунте компонента. докиньте туда длину массива, как описал выше
источник

DK

Dmitry Kozlov in React — русскоговорящее сообщество
Разобрался, благодарю!
источник

К

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

DK

Dmitry Kozlov in React — русскоговорящее сообщество
А если длина массива не известна заранее? Я просто убрал [] теперь отрабатывает вроди как правильно
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
массив элементов, 1 из которых он удаляет
источник

i

iwannafly in React — русскоговорящее сообщество
Так не правильно
источник

i

iwannafly in React — русскоговорящее сообщество
Проглядел, сорян
источник

К

Карен in React — русскоговорящее сообщество
У тебя сейчас каждый раз при ре-рендере сомпонента запрос будет срабатывать
источник

К

Карен in React — русскоговорящее сообщество
WebStorm?
источник