У меня есть различные карты продукта, и когда я добавляю элемент в корзину, я хочу, чтобы текст и значок «Добавить в корзину» должны измениться, чтобы перейти на корзину, проверяя, находится ли этот элемент в корзине или нет, но функция возвращает ложь каждый раз, когда даже элемент был добавлен в корзину, когда я создаю пользовательскую корзину, она работает должным образом < /p>
Найти код кода ниже < /p> < /p> < /p>
Найти код кода ниже.export const findProductInCart = (cart, id) => {
const result = cart?.length > 0 && cart.some((product) => product.id === id);
return result;
};
< /code>
Кнопка Текст Логика < /p>
onCartClick(product)}>
{isProductInCart ? (
Go to Cart
) : (
Add to Cart
)}
< /code>
Добавить в логику корзины < /p>
const { cart, cartDispatch } = useCart();
const navigate = useNavigate();
const isProductInCart = findProductInCart(cart, product.id);
const onCartClick = (product) => {
!isProductInCart
? cartDispatch({
type: "ADD_TO_CART",
payload: { product },
})
: navigate("/cart");
};
Подробнее здесь: https://stackoverflow.com/questions/797 ... vite-react