[react] typescript input 박스 의 텍스트가수정안되는경우

문제의 원인은 input 및 textarea 엘리먼트의 value 속성에 reviewModel?.title 및 reviewModel?.content를 사용하는데, reviewModel이 null 또는 undefined인 경우 이 값들이 초기값으로 설정되어 있기 때문입니다. 이로 인해 이러한 입력 필드를 수정하거나 지울 수 없습니다.

문제를 해결하려면 input 및 textarea 엘리먼트의 value 속성을 title 및 content 상태 변수에 연결해야 합니다. 즉, value 속성에 직접 title 및 content 변수를 할당해야 합니다. 아래는 수정된 코드입니다:

jsxCopy code

<input type="text" name="title" id="title" value={title} {/* 수정 */} className={styles['review-input-box']} onChange={(e) => setTitle(e.target.value)} /> <textarea name="content" id="content" className={styles['review-text-box']} value={content} {/* 수정 */} onChange={(e) => setContent(e.target.value)} rows={8} />

위의 수정 사항을 적용하면 이제 input 및 textarea 엘리먼트의 값이 title 및 content 상태 변수와 연결되어 수정 가능하게 됩니다.