HTML input defaultValue

TL;DR;

input 태그의 defaultValue는 최초로 전달된 값만 전달되고 이후 변하지 않는다

HTML input defaultValue

Next.js에서 input 태그에 defaultValue를 설정하는 경우에 props로 전달받아서 defaultValue값을 설정하는 경우가 있다.
서버에서 데이터를 가져와서 전달하는 경우 처음에 빈문자열 또는 undefined 같은 값이 한번이라도 전달되면 그 값은 변하지 않는다.
그래서 defaultValue를 사용할 땐 반드시 전달하려는 값이 전달되게 하거나 또는 state를 만들어서 value값으로 전달한 다음, 해당 state값을 onChange에서 변화시키게 해야한다

<input defaultValue={defaultValue} {...props} />