230801) jsx와 삼항연산자

jsx에서는 if else문이 사용 불가능하다.

따라서 if else문을 삼항연산자로 변경하여 사용하는 것을 권장하는데, 이 과정에서 한 조건에 여러 피연산자를 사용하려니 지속해서 오류가 발생했다.

 

해당 에러를 해결해 보려고 gpt에게도 5번 넘게 질문해 보았고, 검색을 하여 많은 블로그를 참고하였지만 결론적으로 나에게 맞는 해답은 없었다.

 

1. 삼항연산자를 if else로 변경할 것

-> 앞서 말했듯 jsx 환경에서는 if else문을 사용하기 어렵다.

 

2. 익명함수를 사용할 것

-> 이것으로 해결이 되긴 했으나, 정확한 해결방법이라 보기는 어려울 것 같아 다른 방법을 찾고자 하였다.

 

3. 피연산자들을 소괄호()로 묶을 것

-> 이론대로라면 되어야 할 것인데, 되지 않았다.

 

4. 괄호 안 피연산자들의 구분을 ;(세미콜론) 대신 ,(콤마)로 한다.

-> 해결되지 않음...

 

따라서 이런 문제들을 모두 겪고 그냥 참일 경우에는 함수를 실행하도록 하고, 해당 함수 안에 피연산자들을 넣는 방법을 택하였다. 이렇게 하니 문제가 깔끔하게 해결되었다.

오늘도 잘 해냈다!