[React] input태그 number타입에서 maxlength 안먹히는 경우

input 태그에 number 타입에서 maxlength가 먹히지 않는다 🧐
서치후 찾은 방법!

input에 아래 코드를 추가한 뒤 maxlength={ }를 입력해주면 된다.

onInput={(e) => {
      if (e.target.value.length > e.target.maxLength)
        e.target.value = e.target.value.slice(0, e.target.maxLength);
    }}

최종 코드

<input
    onInput={(e) => {
      if (e.target.value.length > e.target.maxLength)
        e.target.value = e.target.value.slice(0, e.target.maxLength);
    }}
    className="posting_price_input"
    type="number"
    placeholder="￦"
    name="price"
    value={data.price}
    onChange={onChangeHandler}
    maxlength={9}
/>

완성!