[React js] input, textarea 글자 수 제한

안녕하세요. 고집프로그래머 입니다.

 

오늘 간단히 react에서 input이나 textarea 글자 수 제한 관련 포스팅 입니다.

 

정말 간단 히 "maxlength"만 추가해 주면 됩니다.

 

                                <textarea

                                    id="description"

                                    defaultValue={"defualtVlaue"}

                                    maxLength={450}

                                    onChange={onChange}

                                />

 

그럼 이 이상 작업 되도라도 끝~!

추가로, 글자 수 표현하기 

변수 (value)

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

하면 띄어쓰기, 엔터 등 모두 카운트 되도록 길이를 실시간으로 변화하는 값을 볼 수  있습니다.

 

감사합니다.