[react] input 실시간 문자 개수

const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    setValue(e.target.value);
  };

input값을 value라고 하면

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

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

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

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