table에 tr여러개있는데

main tr에 버튼이 달려서잇어서 클릭하면

css로 감춰져있던 하위  tr의 class가 변경되서 애니메이션으로 딱 드러나고 다시누르면 감춰지고

이런형식의 토글버튼인데

버튼이 달린 메인 tr이 수십개가 될 수도있단말야

이걸 어떻게 구분해서 state변수에 담아줄지 이게 존나고민임

지금 완성한걸 보면 하위 tr class 변수를 걍 각 메인 개수대로 생성해서 넣었는데

이게 메인 tr이 수십개가 나올수있으니 매번 해당개수대로 state 변수를 일일이 만들기엔 너무 잘못된 구조란말야

암만생각해도 어떻게 해야할지 모르겠음 도와줘 형님들


1.누가 이벤트위임 이야기하던데 리액트에서 이벤트위임은 의미가없음 애초에 모든이벤트가 이벤트위임으로 처리되어있을뿐더러 이벤트위임으로 타고들어가서 tr의 class를 찾는다고해도 리액트에서는 dom의 직접적인 수정은 불가함 state변수를 변경시켜야함

2.누가 tr컴포넌트를 따로만들고 토글 온오프식으로 하라고했으나.그런식으로하면 class state변경시 transition 애니메이션이 동작하지않음