📱테스트 환경
"react": "18.2.0"
"react-dom": "18.2.0"
"typescript": "^4.9.5"
<Input /> 에 기본으로 텍스트를 넣어주기 위해 value 에 값을 넣어줬을 때
이후 값을 수정하려고 하면 값이 안들어가게 될 것이다.
그때는 당황하지 말고 value 를 defaultValue 를 사용하면 된다.
Before
<input autoFocus placeholder={"Post Title"} value={title} onChange={(e) => {setTitle(e.target.value)}}/>
After
<input autoFocus placeholder={"Post Title"} defaultValue={title} onChange={(e) => {setTitle(e.target.value)}}/>
'Javascript > React' 카테고리의 다른 글
[React] console.log 두번 출력될때 React.StrictMode (0) | 2024.04.11 |
---|---|
[React] 이미지 클릭 시 파일 선택 <Input /> 사용하기 (0) | 2024.04.09 |
[React] axios instance 만들어서 사용하기 (0) | 2024.04.05 |
[React] dangerouslySetInnerHTML 화면 넘어감 (0) | 2024.04.03 |
[React] ReactJS 가 인기가 많은 이유 (0) | 2023.08.16 |