[실전프로젝트] 단일태그→중복태그

  • 기존 목표 : 라디오 버튼을 이용해 단일태그를 구현한다.
  • 우리의 최종 목표 : 계층화를 통한 중복태그 검색이 가능하게 한다.


    →바뀐 와이어 프레임

-### 구현 시 고려해야 할 것

  • 디폴트 값으로 COUNTRY(나라) 지정 - useEffect()를 사용
  • 태그 삭제까지 - filter 사용
 // 태그 삭제
  const handleDeleteSelectedTag = (id) => {
    const newTags = selectedTag2.filter((tag) => {
      return tag.id !== id;
    });
    setSelectedTag2(newTags);
  };
  • 카테고리 하나에 태그 하나만 선택 가능하게
    ⇢ 현재까지는 사진처럼 여러개가 선택됨


  • 보완할 점

  1. 선택한 태그에서 태그를 지우면 색은 원래 색상(흰색)이 아니라 그대로(주황색) 유지됨ㅠ
  2. 태그 선택 카테고리는 하나만 클릭이 가능하게 해야한다.

좋은 웹페이지 즐겨찾기