발생한 문제 : 같은 페이지에 있는 SideBar와 radio버튼의 id를 all, progress, closed로 만들고 사용자가 클릭했을 때 id값으로 api요청을 하려고 했다. input radio버튼이 동작하는데는 문제가 없었지만 label을 클릭했을 때 htmlFor=id 가 동작하지 않았다.
즉, label을 클릭해도 동일한 id의 radio버튼의 상태가 checked로 변경되지 않는 문제였다.
해결방법 : 동일한 api를 요청하는 버튼이므로 꼭 2개 모두 필요하지 않아서 radio버튼을 삭제하기로 하였다. 나중에 radio버튼이 필요하다면 radio 버튼처럼 보이는 span 태그에 onClick 이벤트에 따라서 핸들러로 state를 변경시키는 방법을 사용하려고 한다.
web