삼항연산자 사용 리팩토링

삼항연산자

조건에 따라 값을 선택할 때 사용하는 연산자

---

<button onClick={() => toggleCompleted(todo.id)}>완료</button>

• 완료 문구만 적힌 텍스트에서 삼항연산자를 이용한 함수를 추가
  {todo.completed ? "되돌리기" : "완료"}

<button onClick={() => toggleCompleted(todo.id)}>{todo.completed ? "되돌리기" : "완료"}</button>

---

<p>

• css추가, completed가 true면 line-through, false면 none. 취소선 추가

<p style={{textDecoration: todo.completed ? "line-through" : "none",}}>

---

(+) 위 두 예시 모두 자바스크립트 문법이 들어가기에 { } 기입은 필수.