[TIL] 2023.11.06 - 입력 글자수 표시하기

 입력 글자수 표시하기 

// useState
const [aboutMe, setAboutMe] = useState(""); // 소개글 데이터
const [characterCount, setCharacterCount] = useState(0); // 소개글 입력 글자수


// 소개글 : onChange
  const onChangeAboutMeHandler = (e) => {
    const newText = e.target.value;
    setAboutMe(newText);
    setCharacterCount(newText.length); // 글자 수 업데이트
  };
  

// 화면에 표시하기!
<div>{characterCount}/80</div>