양방향 바인딩 추가

양방향 바인딩이란 무엇일까요?

변경되는 입력값만 수신하는 것이 아니라, 입력에 새로운 값을 다시 전달할 수도 있습니다.

그래서 프로그램에 따라 입력값을 재설정하거나 입력할 수 있습니다.\

<input type="text" value={enteredTitle} onChange={titleChangeHandler}/>

value값에 enteredTitle를 바인딩 해줍니다.

이것은 양방향 바인딩이 되었습니다.

이 양방향 바인딩의 장점이 무엇일까요?

폼이 제출 또는 전송된 후 사용자의 입력을 useState("")으로 초기화 시켜줄 수 있습니다.

setEnteredAmount("");
setEnteredDate("");
setEnteredTitle("");

폼 제출시 실행되는 함수에 Amount,Date,Title의 상태를 공백으로 변화시켜주는 함수를 넣고

위에서 title에 value값을 넣어준 것처럼 나머지도 똑같이 해줍니다.

이러면 값을 submit했을때 입력된 값은 새로운 객체에 저장되고 inputvalue는 지워집니다.