React Redux with boolean values
so basically i am trying to do when quantity of my cart is >= 1 and if proceed is clicked to make quantity again at 0
export const cartSlice = createSlice({
name: 'cart',
initialState: {
cart: [],
quantity: 0,
isSubmited: false
},
reducers: {
resetCart: (state, action) => {
const itemInCart = state.cart.find((item) => item.id === action.payload);
{console.log(itemInCart)}
if (itemInCart && itemInCart.quantity >= 1 && state.isSubmited === false){
state.isSubmited = action.payload;
console.log(state.isSubmited + 'after dispatch');
}
console.log(state.isSubmited);
},
import classes from "./Proceed.module.css";
import { useSelector,useDispatch } from "react-redux";
import {resetCart} from '../Features/cartSlice';
import PropTypes from 'prop-types';
const Proceed = ({id}) => {
const dispatch = useDispatch();
const cart = useSelector((state) => state.cart.isSubmited);
const onClickHandler = (e) => {
e.preventDefault();
alert("Thank you for your purchase ");
dispatch((resetCart(id)));
console.log(cart);
};
return (
<div className={classes.container}>
<button onClick={onClickHandler} className={classes.btn}>
Proceed to Checkout!
</button>
</div>
);
};
export default Proceed;
Proceed.propTypes = {
id: PropTypes.string.isRequired,
}
export const cartSlice = createSlice({
name: 'cart',
initialState: {
cart: [],
quantity: 0,
isSubmited: false
},
reducers: {
resetCart: (state, action) => {
const itemInCart = state.cart.find((item) => item.id === action.payload);
{console.log(itemInCart)}
if (itemInCart && itemInCart.quantity >= 1 && state.isSubmited === false){
state.isSubmited = action.payload;
console.log(state.isSubmited + 'after dispatch');
}
console.log(state.isSubmited);
},
import classes from "./Proceed.module.css";
import { useSelector,useDispatch } from "react-redux";
import {resetCart} from '../Features/cartSlice';
import PropTypes from 'prop-types';
const Proceed = ({id}) => {
const dispatch = useDispatch();
const cart = useSelector((state) => state.cart.isSubmited);
const onClickHandler = (e) => {
e.preventDefault();
alert("Thank you for your purchase ");
dispatch((resetCart(id)));
console.log(cart);
};
return (
<div className={classes.container}>
<button onClick={onClickHandler} className={classes.btn}>
Proceed to Checkout!
</button>
</div>
);
};
export default Proceed;
Proceed.propTypes = {
id: PropTypes.string.isRequired,
}
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
