불리언 값을 string()으로 감싸는 이유

CRUD update를 하는데

버튼을 click하면 'false'라는 값을 'true'라고

변경해 주는 단계가 나왔다.

 <li key={todo.id}>

              <p>

                {todo.text}-{String(todo.completed)}

              </p>

              <button

                onClick={() =>

                  toggleCompleted(todo.id, todo.text, todo.completed)

                }

              >

                완료

              </button>

            </li>

 

'false' 아니면 'true'라는 텍스트로 출력되는데

위에서 3번째 줄에서는 왜 굳이 String()을 쓰는지

싶어서 튜터님을 찾아갔다.

 

todo.completed는 콘솔에 출력하면

true나 false로 나오지만

불리언 값이라 브라우저에는

string값으로 나오지 않기 때문에

String()을 붙여야 한다고 하셨다.

 

 

 

내가 또 별거 아닌걸 놓쳤나.. 싶었다.

그 이전에 콘솔로 찍어보는 습관을 들여야겠다.