잘 구현하셨습니다.
다만 select태그, option 태그로 간단하게 구현할 수 있었는데, CSS를 위해서 이렇게 하신거죠?? CSS를 위해서 그렇게 하신거면 상관없습니다.
|
<StyledDropdownButton> |
|
{isOpen ? "구매 선택 ▲" : "구매 선택 ▼"} |
|
</StyledDropdownButton> |
|
{isOpen && ( |
|
<StyledDropdownList> |
|
<StyledDropdownListItem |
|
onClick={() => handleItemClick("검은색바지")} |
|
> |
|
검은색바지 |
|
</StyledDropdownListItem> |
|
<StyledDropdownListItem |
|
onClick={() => handleItemClick("파란색바지")} |
|
> |
|
파란색바지 |
|
</StyledDropdownListItem> |
|
<StyledDropdownListItem |
|
onClick={() => handleItemClick("빨간색바지")} |
|
> |
|
빨간색바지 |
|
</StyledDropdownListItem> |
|
</StyledDropdownList> |
|
)} |
잘 구현하셨습니다.
다만 select태그, option 태그로 간단하게 구현할 수 있었는데, CSS를 위해서 이렇게 하신거죠?? CSS를 위해서 그렇게 하신거면 상관없습니다.
darkmode/src/App.jsx
Lines 41 to 62 in 6afa356