или это у всех с новой обновой так?
как обновляешь и как потом получаешь?
а ты точно уверен, что тебе нужен локалсторедж?
json с нужными зависимостями и модулями для работы проги, какой командой можно установить все зависимости из package для ноды?
Подскажите как можно вызывать api показа модалки MUI в интерсепторе аксиос?
Какие варианты есть?
Можно ли как то запустить перерендер после отправки записи на сервер?
Привет, есть у кого-то канал в телеге про Redis на Nodejs?
реакт тут ну вообще ни при чём
Вот 👇
Но когда я быстро клацаю на кнопку плюс(добавить в корзину), то у меня товар может добавиться вплоть до 5-6 штук повторно, в итоге пришлось сделать еще один массив в котором будут содержаться все товары которые равны товару который я хочу удалить
И дальше с помощью forEach я все эти объекты удаляю, но появляется проблема, допустим у меня добавились 5 одинаковых товара и когда я хочу удалить их все, то у меня с бэка могут удалиться как все 5 штук так и 3 или 4, почему так происходит? В браузере смотрю, все запросы отправляются нормально
И почему вообще так происходит что при быстром клике на плюс добавляются несколько одинаковых товаров игнорируя мою проверку
Ахаххвхв дада
const onAddToCart = async(obj) => {
try {
if(cartItems.find(item => Number(item.idFull) === Number(obj.idFull))) {
const deleteItems = cartItems.filter(item => item.idFull === obj.idFull);
deleteItems.forEach(deleteItem => {
onRemoveItemCart(deleteItem.id);
});
console.log(‘Товар удален из корзины’)
} else {
axios.post(‘https://624a733f534fbedc4ca6d7c48f86.mockapi.io/cart’, obj).then(res => {
setCartItems(prev => […prev, res.data]);
})
console.log(‘Товар добавлен в корзину’);
}
} catch(e) {
alert(e);
} finally {
console.log(cartItems);
}
};
const onRemoveItemCart = (id) => {
console.log(id);
axios.delete(https://62a7533ffbedc4ca6d7c458f86.mockapi.io/cart/${id});
setCartItems((prev) => prev.filter(item => item.id !== id));
}
const onAddToCart = async(obj) => {
try {
if(cartItems.find(item => Number(item.idFull) === Number(obj.idFull))) {
const deleteItems = cartItems.filter(item => item.idFull === obj.idFull);
deleteItems.forEach(deleteItem => {
onRemoveItemCart(deleteItem.id);
});
console.log(‘Товар удален из корзины’)
} else {
axios.post(‘https://624a733f534fbedc4ca6d7c48f86.mockapi.io/cart’, obj).then(res => {
setCartItems(prev => […prev, res.data]);
})
console.log(‘Товар добавлен в корзину’);
}
} catch(e) {
alert(e);
} finally {
console.log(cartItems);
}
};
const onRemoveItemCart = (id) => {
console.log(id);
axios.delete(https://62a7533ffbedc4ca6d7c458f86.mockapi.io/cart/${id});
setCartItems((prev) => prev.filter(item => item.id !== id));
}
Такое лучше скидывай ссылкой с песочницы
Думал мало кто захочет переходить и изучать код по ссылке
но и тут мало кто захочет с телефона простыню кода листать
Наоборот удобнее
Но когда я быстро клацаю на кнопку плюс(добавить в корзину), то у меня товар может добавиться вплоть до 5-6 штук повторно, в итоге пришлось сделать еще один массив в котором будут содержаться все товары которые равны товару который я хочу удалить
И дальше с помощью forEach я все эти объекты удаляю, но появляется проблема, допустим у меня добавились 5 одинаковых товара и когда я хочу удалить их все, то у меня с бэка могут удалиться как все 5 штук так и 3 или 4, почему так происходит? В браузере смотрю, все запросы отправляются нормально
И почему вообще так происходит что при быстром клике на плюс добавляются несколько одинаковых товаров игнорируя мою проверку
блочь кнопку после первого добавления, количество товаров в корзине меняется
так тебе повторно не надо активировать если товар в корзине кнопки уже не должно быть
как обновляешь и как потом получаешь?
А если я хочу удалить при повторном нажатии на плюс
из корзины все это делается, меняется количеств ои удаляются позиции
меняю посредством изменения переменной на странице (вчера еще все работало)
вот
Откати код на вчера ?
дык я не менял ничего, не успел
а ты точно уверен, что тебе нужен локалсторедж?
ну вообще не обязательно, но считай что нужен
у тебя редакс?
да, но всегда он обновлялся автоматически при малейшем изменении как и должен, а сегодня чет не фурычит
на чистом React
Если так хочется можешь дебаунсер заюзать
npm i
или так
или так
Как всегда гениален брат!
Подскажите как можно вызывать api показа модалки MUI в интерсепторе аксиос?
<Modal
open={open}
onClose={handleClose}
>
Содержимое модалки
<Modal/>
Какие варианты есть? Хочу показать ошибки бекенда в модалке MUI глобально для всех запросов
Добавлять в текущий стейт твоих записей новую запись
может кто-то подскажет, делаю авторизацию через фаербейс, хочу вынести логику в thunk, ожидаю, что дата попадет в экшен пейлоуд, но экшен пейлоуд всегда возвращает андефаинд (экстра редьюсер фулфилд)
На одном проекте делал похожую реализацию, думал это костыль какой то
Хотя по другому запись не получить без перезагрузки или перерендера