<React> CSS를 배열로 감싸서 불러오는 방법

<ul className={styled["cart-items"]}>
CSS-in-JS 라이브러리나 CSS Module을 사용하는 경우에 자주 쓰이는 패턴이다.

CSS 클래스 이름을 배열형태로 사용하기 위해서는
{styled["클래스 이름"] } 처럼 사용한다.

const Cart = (props) => {
  const cartItems = (
    // 클래스 이름을 배열 형태로 사용하기 위해 { [] }를 사용.
✅   <ul className={styled["cart-items"]}>
      {[{ id: "c1", name: "Sushi", amount: 2, price: 9900 }].map((item) => (
        <li>{item.name}</li>
      ))}
    </ul>
  );