logo

[React] ClassName 동적으로 선언하기

language-logoReactJS

• 댓글마다 수정 버튼을 클릭하면 해당 댓글에만 수정 input창을 띄우고 싶었으나, 기존의 document.getElementsByClassName()으로 class이름을 선택하면 해당 모든 Input 태그를 읽어와서 문제가 있었다.
• 이를 해결하기 위해 React의 특성을 활용하여 동적으로 클래스를 선언하였다. `{}`를 사용하여 원하는 문자열을 나타내고, 여러 개의 클래스를 넣기 위해 띄어쓰기를 사용하였다.
• 이를 통해 클릭에 따라 해당 클래스를 가진 요소를 가져와 작업할 수 있었으며, 원하는 수정 버튼 클릭에 따라 해당 댓글 수정 Form이 열리는 것을 확인하였다.
• 더욱 동적으로 선언이 가능하며, 이를 통해 원하는 CSS와 JS를 적용할 수 있게 되었다.

thumbnail
북마크
공유하기
신고하기
1분 분량
조회수 233
profile-image예리엘
일 년 전
Copyright © 2025. Codenary All Rights Reserved.