[react] input 실시간 문자 개수

ch9eri·2023년 1월 4일
1

react

목록 보기
11/14
post-thumbnail
post-custom-banner
const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    setValue(e.target.value);
  };

input값을 value라고 하면

 value.replace(/<br\s*\/?>/gm, "\n").length

이 값이 실시간 input의 문자 개수가 된다.

이렇게 공백문자와 특수문자 모두 카운트해준다.

+) maxLength 속성을 추가해서 12자 이상 작성하지 못하게 막았다.

profile
잘하자!

0개의 댓글