input 태그 속성 - value, defaultValue

🆚 value와 defaultValue의 차이

• defaultValue: input tag에서 처음 보여줄 값
• value: input tag에서 계속 보여줄 값
• 따라서 defaultValue를 지정해주고 input 창에 입력을 하게되면 값이 수정되지만, value를 지정해주고 input 창에 입력하게되면 입력이 되지않고 지정해준 value 값만 보여주게 된다.

❓ input 창이 변경되고, 초기화되도록 value 값에 data를 지정해주려면?

• input 창의 value를 입력 후 초기화해주려면, state 값을 초기화해주면 된다.
• 예) onChange 이벤트로 작성된 state 변수 writer

const [writer, setWriter] = useState('')
const onChangeWriter = (event) => {
	setWriter(event.target.value)
}

<input value={props.writer} />