<aside> 💡 react에서 form 태그를 이용할때 매우 중요한 Two-Way Binding에 대해 알아보자.
</aside>
앞서, input에 있는 data들을 submit버튼을 통해 state에 저장시키는 법에 대해 알아봤다. 이번에는 submit이후에 input에 적혀있는 값들을 어떻게 초기화 시킬지에 대해 알아보자.
const [enteredTitle, setEnteredTitle] = useState('');
//changeHandler함수...
//submitHandler함수
const submitHandler = () => {
//...submit처리하기
//enteredTitle을 빈칸으로 줌으로써 input을 빈칸으로 만들어준다.
setEnteredTitle('')
}
//Input에 value속성을 state로 주기
<input type="text" value={userInput.enteredTitle} onChange={titleChangeHandler}/>