증상
삼항 연산자를 이용해 조건문에 따른 태그들을 return 해 주고 싶었는데 잘되지 않았다.
에러메세지
JSX 식에는 부모 요소가 하나 있어야 합니다.
Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (27:10)
해결
반환하는 태그는 상위 부모태그 1개로 제한된다. 즉 묶어주어야 한다. 아래의 경우에는 div 태그로 input, h1, ul 태그들을 묶어주었다.
