목록카테고리필터 (1)

공부 및 일상기록

[React] 중복 선택 가능한 카테고리 필터 만들기

Side프로젝트로 진행하는 방탈출 관련 웹페이지를 만들고 있다. 오늘은 방탈출 테마들을 여러가지 카테고리를 받아서 해당하는 테마만 필터링 하는 기능을 만들었다. 아직 백엔드쪽에서 서버도 구현되지 않고 API 명세서도 확실하지 않아서 기능만 구현된 상태다. 여기서 한가지만 선택한다면 쉽게 구현되었겠지만 나는 중복 선택을 가능하도록 만들어야 했다. 버튼컴포넌트 먼저 저 버튼들을 만들어줄 컴포넌트를 만들었다. //버튼 컴포넌트 import { useEffect } from "react"; import styled from "styled-components"; const CategoryBtn = ({ categoryIndex, state, setState }) => { useEffect(() => { if (s..
개발/React 2022. 11. 13. 01:25
이전 Prev 1 Next 다음