• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

Ant Design Input 컴포넌트 질문

22.04.21 13:20 작성 조회수 104

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} />);

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