장바구니 창 조절

 

import React, { useState } from 'react';
import './Cart.scss';
import CartItem from '../CartItem/CartItem.js';
import '../CartItem/CartItem.scss';

const a = [{ item: 'egg' }, { item: 'egg' }, { item: 'egg' }, { item: 'egg' }];  // 불러올 데이터

function Cart({ closeCartMenu }) {
  const [userCart, setUserCart] = useState([]);
  const addUserCart = () => {
    setUserCart(a);
  };

  return (
    <div className="cart" onMouseLeave={closeCartMenu}>
      <h2 className="cartListTitle" onClick={addUserCart}>
        Cart List
      </h2>
      <ul className="cartListDetail">
        <li className="itemPhoto">photo</li>
        <li className="itemNum">num</li>
        <li className="itemPrice">price</li>
        <li className="itemDelete">delete</li>
      </ul>
      <div
        class="cartItems"
        style={userCart.length > 3 ? { overflowY: 'scroll' } : null}
      >
        {null ? (     // 임의로 null 설정
          <CartItem />
        ) : (
          <div className="noCartItem">장바구니에 담긴 상품이 없습니다</div>
        )}