목록input 입력 제한 타입스크립트 (1)

sohyeon kim

[React/TS] input max-length 최대 입력 글자수 제한 & input 안에 입력값 길이 표시

💡 간단한 input 입력 제한과 input 안에 입력값 길이 표시! input 의 onInput 에 함수를 부르고 이벤트와 제한할 글자수를 보내준다! { handleMaxLength(e, 30); }}/> handler 에선 value 값이 maxLength 값이 넘는다면 substr 로 잘라준다! export const handleMaxLength = (e: FormEvent, maxLength: number) => { const inputElement = e.target as HTMLInputElement; const { value } = inputElement; if (value.length > maxLength) { inputElement.value = value.substr(0, maxLeng..
React 2024. 4. 13. 01:51
이전 Prev 1 Next 다음