Это react:
let initialState = {
products: [
{id: 1, name: 'Apple'},
{id: 2, name: 'Orange'}
]
};
export const productsReducer = (state = initialState) => {
return state;
};
const Cart = (props) => {
debugger
let elementsCart = props.cart.cart.map((c) => {
return <div>
<h3>
<li >{c.name}</li>
</h3>
<button onClick={() => props.removeFromCart(c.id)}>Remove from cart</button>
</div>
});
return (
<div>
<div><h1>Cart: {" " + props.count}</h1></div>
<div>{elementsCart}</div>
<div>
{props.count === 0 && <div><h3>Nothing added to cart</h3><NavLink to='/market'>
<button>Add some at market</button>
</NavLink></div>}
</div>
</div>
)
};
const initialState = {
cart: []
};
export const cartReducer = (state = initialState, action) => {
switch (action.type) {
case 'ADD_TO_CART':
return {
...state,
cart: [...state.cart, action.payload]
};
case 'REMOVE_FROM_CART':
return {
...state,
cart: state.cart.filter(o => o.id !== action.payload)
};
default:
return state;
}
};
export const addToCart = (obj) => ({type: 'ADD_TO_CART', payload: obj});
export const removeFromCart = (id) => ({type: 'REMOVE_FROM_CART', payload: id});