🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

  • 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

Ant Design Input 컴포넌트 질문

22.04.21 13:20 작성 조회수 120

1

Ant Design Input 컴포넌트에서 showCount로 카운트 되는 글자수를 변수로 받아올 수 있는 방법이 있을까요?

특정 글자수를 초과하는 입력을 할 경우 등록하기 버튼을 disable하고 싶은데 강의 내 예제에서는 maxLength에 맞춰 잘리네요.

Ant Design 사이트를 찾아봐도 해답을 찾을 수 없어 부득이하게 이곳에 질문을 남깁니다.

답변 1

답변을 작성해보세요.

0

대략 아래와 같이 onChange 이벤트를 활용하여 결과값이 들어가는 인자(여기선 e)를 바탕으로 길이를 얻어 setLength를 해주면 될 것 같아요 :)

const [length, setLength] = useState(0)

const onChange = e => {
setLength(e.target.value.length) };
}

...

return (<Input onChange={onChange} />);

시도해보겠습니다 감사합니다

채널톡 아이콘