[React] 라디오버튼(단일선택) 및 재클릭시해제 로직으로 만들기

hyeonze·2022년 2월 3일
1

인턴쉽

목록 보기
1/8

I. 라디오버튼(Basic)

로직 : 클릭된 버튼의 id를 가져와 해당 아이디에만 다른 props를 줌.

0. 데이터 형태(id값을 사용해서 제어할 것)

1. 플랫리스트 만들기(map메서드로도 가능)

2. useState로 클릭된 버튼의 인덱스번호 가져와 저장하고, 해당 state에 따른 불리언변수 지정

3. 불리언변수에 따른 스타일 랜더링 분기

II. 다중선택 && 재클릭시해제

로직 : 이전에 선택했던 버튼들의 id를 객체 형태의 State로 관리하고, 중복클릭시 해당 id의 값을 false로.

III. 라디오버튼 && 재클릭시해제

로직 : 이전에 선택했던 버튼의 id를 State로 관리하고, 중복클릭 시 두 State모두 비워줌.

profile
Advanced thinking should be put into advanced code.

0개의 댓글