개인과제(todolist 만들기4)

 

마감날짜를 추가했다.

  const [date, setDate] = useState("");

 

usestate를 하나 더 추가한뒤

  const clickAddHandler = () =>{  

    const addTodoList = {

      id : todoList.length+1 , header, contents, date,  isDone : false

    }

 

추가하기 버튼을 누를때 date도 추가되게끔 넣었고

   <section className="deadLineSection">

    마감날짜<input type="date"

    onChange={(event)=> changeDate(event)}>

    </input>    

    </section>

 

onChange를 이용해서 date값이 변화되게끔 했다.

  const changeDate = (event) =>{

    setDate(event.target.value)

  }

 

changeDate 버튼을 누르면 입력한 value값이 저장되게끔 

 

원래는 정렬하는 버튼, 기능을 넣어야했는데

과제가 있다는걸 너무 늦게 알아서 추가하지 못했다.