[React] input 속성 maxLength 적용하기

onInput 훅 만들기

// onInput.ts
export default function onInput(e) {
	if (e.target.value.length > e.target.maxLength) {
    	e.target.value = e.target.value.slice(0, e.target.maxLength);
    }
}

input 엘레멘트에 적용하기

import onInput from "@/utils/onInput";

<input 
	type="number"
	maxLength={12}
	onInput={onInput}
/>