svg color change

css에서 svg의 color를 특정 조건에 따라 변경하려했을 때 어려움을 겪었음.

active했을 때 inactive했을 때 class를 정해두고 조건에 맞게 react에서 삼항연산자를 사용하여 class를 지정해주고 싶었음.

이때의 나는 svg에 class를 추가할 수 있는지 몰라서 엄청난 시간을 삽질했으나 삽질 끝에 svg에 class를 추가할 수 있다는 것을 알게 됨.

<svg width="44" height="45" viewBox="0 0 44 45" fill="none" xmlns="#/svg">
<path class="클래스 추가 가능" d="#"/>
</svg>

다음과 같이 그냥 내가 class 속성을 추가하면 아주 간단하게 해결되는 문제였다..