map 함수를 통해 데이터를 불러와 테이블(표)에 넣어 출력하는 방식으로 아직 답변하지 않은 질문 페이지를 설계 했었는데 불러온 데이터를 map 함수로 전체 출력하고 그 바로 아래에 답변하기 모달 컴포넌트를 삽입하니 모달 창 하나를 별치면 나머지 모달창까지 주르륵 다 펼쳐지는 문제가 발생했다.
해결은 테이블 틀 컴포넌트 따로, 출력할 데이터를 props로 넘겨줄 컴포넌트 따로 만들어서 해결했다.
출력할 데이터를 불러온 에서 map 함수로 각 데이터를 전부 읽어오고 그 읽어온 값들을 테이블 틀이 만들어진 컴포넌트에 props로 전달한 뒤 데이터가 출력되는 행 아래에 답변하기 모달창 컴포넌트를 삽입했다.
하고 싶은 게 너무 많습니다.